Html
    Css
    Js

    
                        
div.wrap {
	margin-left:10px;
	display:flex;
	align-items:center;
}
div.wrap div {
	width:24px;
	height:24px;
	border-radius:25px;
	/*此时用50%也可以*/
        border:1px solid #bbb;
	margin-top:10px;
	cursor:pointer;
}
div.wrap span {
	margin:5px 0 0 10px;
	font-family:"微软雅黑";
	font-size:18px;
	cursor:pointer;
	color:midnightblue;
}

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

自定义单选框样式(原创)

我演示的只是一种常见的按钮样式,还可以发散成其他形式,代码中也自留了位置,大家尽情发挥吧。

0