CSS自定义复选框样式需要加最后一句-webkit-appearance: none
;
修改选中后的样式需要添加新背景图片(原来的看起来就是个图片)
input[type="checkbox"] {
border: 1px solid red;
background-color: #160003;
width: 20px;
height: 20px;
-webkit-appearance: none;/*这句很重要*/
}
input[type="checkbox"]:checked {
background: url(../img/checked.png) no-repeat;
background-size: 100% 100%;
}