色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css改變復選框背景

林子帆1年前9瀏覽0評論

CSS可以改變網頁的樣式,包括復選框的樣式。下面是一個使用CSS來改變復選框背景顏色的例子。

input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 20px;
height: 20px;
border: 2px solid #333;
outline: none;
cursor: pointer;
transition: all .2s ease-in-out;
position: relative;
}
input[type=checkbox]:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
transition: all .2s ease-in-out;
}
input[type=checkbox]:checked:before {
background: #333;
}
input[type=checkbox]:checked {
border-color: #333;
}

這段CSS代碼使用了:before偽元素來創建一個圓形的背景,并使用:checked偽類來改變選中的背景顏色。通過改變這些屬性,可以輕松地為您的網站的復選框添加自定義樣式。