CSS 中的 checked 屬性是指可應(yīng)用于 input 元素的一種偽類(lèi),代表已選中的復(fù)選框或單選框。當(dāng)用戶(hù)點(diǎn)擊了復(fù)選框或單選框后,checked 偽類(lèi)便會(huì)被激活。
input[type="checkbox"]:checked { /* 填寫(xiě) CSS 樣式 */ } input[type="radio"]:checked { /* 填寫(xiě) CSS 樣式 */ }
以上示例代碼展示了如何使用 checked 偽類(lèi)來(lái)為已被選中的復(fù)選框和單選框應(yīng)用 CSS 樣式。
例如,我們可以使用 checked 屬性來(lái)改變已被選中復(fù)選框的顏色或樣式。具體操作是在 CSS 樣式表中選擇 input 元素,并設(shè)置已選中的復(fù)選框或單選框的樣式。
input[type="checkbox"]:checked { background-color: blue; } input[type="radio"]:checked { border: 2px solid red; }
上述代碼將選中的復(fù)選框改為了藍(lán)色背景,選中的單選框則將有一個(gè)紅色邊框。
總之,在 CSS 中使用 checked 屬性能夠?yàn)槲覀兲峁└嗟牟僮骺刂疲屛覀兛梢愿玫貫轫?yè)面添加交互功能。