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