在 CSS 中,我們可以使用checked
屬性來設置默認被選中的元素。
首先,我們需要使用一個包含<input>
元素的 HTML 表單。這個元素的類型可以是單選框、復選框或開關。
然后,我們可以通過為選中的元素添加樣式來定義其默認狀態。例如,我們可以使用下面的 CSS 代碼來默認選中 ID 為radio1
的單選框。
#radio1:checked { background-color: blue; }
對于復選框和開關,我們可以使用<label>
元素和<input>
元素之間的關聯來設置默認狀態。例如,我們可以使用下面的 HTML 代碼來創建一個默認選中的開關,并使用 CSS 代碼來定義其樣式。
#toggle:checked + label { background-color: green; }
這樣,我們就可以使用 CSS 來設置頁面中默認被選中的元素了。