Html
    Css
    Js

    
                        
 input {
	display:none;
}
label:before {
	content:'';
	display:inline-block;
	width:3px;
	height:3px;
	border:1px solid red;
	border-radius:50%;
	padding:2px;
}
input:checked+label:before {
	background:red;
	background-clip:content-box;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3实现单选

背景裁剪  background-clip: content-box;

0