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