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偽類來改變選中的背景顏色。通過改變這些屬性,可以輕松地為您的網站的復選框添加自定義樣式。