checkbox复选样式

概述/*复选框样式*/ input[type="checkbox"] { 　　width: 15px; 　　height: 15px; 　　display: inline-block; 　　text-align: center; 　　vertical-align: middle; 　　line-height: 18px!important; 　　margin: 0 5px 5px 0!importan

/*复选框样式*/
input[type="checkBox"] {
　　wIDth: 15px;
　　height: 15px;
　　display: inline-block;
　　text-align: center;
　　vertical-align: mIDdle;
　　line-height: 18px!important;
　　margin: 0 5px 5px 0!important;
　　position: relative;
}

input[type="checkBox"]::before {
　　content: "";
　　position: absolute;
　　top: 0;
　　left: 0;
　　background: #fff;
　　wIDth: 100%;
　　height: 100%;
　　border: 1px solID #d9d9d9;
}

input[type="checkBox"]:checked::before {
　　content: "\2713";
　　background-color: #fff;
　　position: absolute;
　　top: 0;
　　left: 0;
　　wIDth: 100%;
　　border: 1px solID #afb3be;
　　color: #afb3be;
　　Font-size: 16px;
}

默认样式

调整后

firefox火狐浏览器下

Chrome谷歌浏览器下

总结

以上是内存溢出为你收集整理的checkbox复选样式全部内容，希望文章能够帮你解决checkbox复选样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。