在Web開發中,對于多選框和復選框,有時需要默認選中一些選項,比如在表單中修改用戶信息時,原本已經選中的選項不能被取消,需要在頁面加載時就默認勾選。
CSS提供了一種簡單的方式來設置多選默認選中。我們可以使用:checked偽類來匹配選中狀態的多選框,然后設置樣式。
input[type="checkbox"]:checked{ /*設置選中樣式*/ }
上面的代碼中,我們首先選擇input元素,然后使用屬性選擇器[type="checkbox"]選中所有多選框,緊接著使用:checked偽類選中所有被勾選的多選框,最后設置樣式。
比如,我們需要默認選中一個id為"option2"的多選框,可以這樣寫:
選項1 選項2 選項3
上面的代碼中,第二個多選框默認選中,其它兩個未選中,同時我們設置選中樣式為紅色背景。
這樣,當頁面加載時,第二個多選框會被默認選中,并顯示紅色背景。
上一篇css過去class值
下一篇多余多行顯示省略號css