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%;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章