在 css 中,checked 偽類用于在表單輸入元素(復選框或單選按鈕)被選中時應用樣式。具體適用范圍和用途包括:適用范圍: 適用于復選框(input[type=”checkbox”])和單選按鈕(input[type=”radio”])。用途: 設置選中元素的特定樣式,如更改背景顏色、添加邊框或更新文本顏色。
CSS 中 checked 的含義
在 CSS 中,checked 偽類表示當表單輸入元素(如復選框或單選按鈕)處于選中狀態時應用樣式。
詳細說明:
適用范圍:checked 偽類可應用于以下表單輸入元素:
checkbox
radio
用途:checked 偽類使您能夠針對選中的元素設置特定樣式,例如:
更改背景顏色
添加邊框
更新文本顏色
語法:
<code>input[type="checkbox"]:checked { /* 選中復選框時的樣式 */ } input[type="radio"]:checked { /* 選中單選按鈕時的樣式 */ }</code>
登錄后復制
通過使用 checked 偽類,可以輕松地創建交互式表單,根據元素的選中狀態動態地更新其外觀。例如,您可以使用它來突出顯示選定的復選框或在單選按鈕被選中時顯示附加信息。