CSS中的下拉列表默認選中是指當下拉列表第一次顯示時,默認選擇列表中的某一項。下面是一個示例代碼:
<select id="mySelect"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> <option value="4">選項4</option> </select>
要在這個下拉列表中設置默認選項,可以使用CSS的option:selected
偽類選擇器來實現。例如,要默認選擇“選項2”,可以使用以下代碼:
#mySelect option[selected="selected"] { font-weight:bold; } #mySelect option[value="2"] { selected:true; }
第一行代碼為選中狀態的選項設置了加粗的字體,第二行代碼將value屬性值為“2”的選項設置為默認選項。
上述代碼中,使用了selected="selected"
屬性來指定選中狀態,也可以使用selected
屬性(即只有屬性名,沒有屬性值)來指定選中狀態,如下所示:
#mySelect option[selected] { font-weight:bold; } #mySelect option[value="2"] { selected:"selected"; }
使用CSS的option:selected
偽類選擇器和selected
屬性,可以方便地設置下拉列表的默認選項。