CSS選擇器是網頁設計中非常重要的一環,其中包括了許多種不同的選擇器。其中一個非常有用的選擇器是<option>
選擇器。
select option { color: red; }
在上面的代碼中,我們使用了select option
選擇器,它的作用是選擇<select>
元素中的所有<option>
元素。在這個例子中,我們把所選內容的顏色設置成了紅色。
除了select option
選擇器外,我們還可以使用其他一些選項選擇器,例如使用:checked
偽類選擇被選中的<option>
元素。
select option:checked { background-color: yellow; }
在上面的代碼中,我們使用了:checked
偽類選擇所有被選中的<option>
元素,并將它們的背景色設置為黃色。
總之,使用<option>
選擇器可以幫助我們更好地控制選擇框中的選項樣式,使網頁設計更加美觀和易于使用。