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!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复选样式

原文：https://www.cnblogs.com/daiyayi/p/11556160.html