Html
    Css
    Js

    
                        
input {
	outline-style:none;
	-webkit-appearance:none;
	border:none;
	appearance:none;
}
label input {
	vertical-align:middle;
	margin-right:8px;
	width:18px;
	height:18px;
	border:1px solid #DDDDDD;
	border-radius:50%;
}
label input:checked {
	border:6px solid #2F7DCD;
	background:#FFFFFF;
}
span {
	vertical-align:middle;
}

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

纯CSS改变Radio外观

更新时间:2020-05-14 23:49:50

去掉自带的样式,然后通过改变背景色和边框颜色达到改变样式的目的

1
      悠悠的fish 0
      2020/5/18 10:54:56