CSS自定义复选框样式

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%;
}