:default

版本：CSS3

CSS偽類:default表示一組相關元素中的默認表單元素。該選擇器可以在、、、上使用。

語法:

E:default{sRules}

CSS3:default偽類選擇器只能作用在表單元素上，表示默認狀態的表單元素。

/* selects any default */input:default {background-color: lime;}

允許多個選擇的分組元素也可以具有多個默認值，即，它們可以具有最初選擇的多個項目。在這種情況下，所有默認值都使用:default偽類表示。例如，您可以在一組復選框之間設置默認復選框。

瀏覽器支持

IE不支持:default。其余新版瀏覽器都支持:default

示例

舉個例子，一個下拉框，可能有多個選項，我們默認會讓某個處于selected狀態，此時這個可以看成是處于默認狀態的表單元素（例如下面示意代碼的“選項4”），理論上可以應用:default偽類選擇器。

選項1選項2選項3選項4選項5選項6//CSSoption:default {color: red;}

則在Chrome瀏覽器下，當我們選擇其他選項，此時就可以看到選項4是紅色了，效果如下圖：

Firefox瀏覽器下效果也是類似：

IE瀏覽器則不支持。

因此，移動端可以放心使用，桌面端不用管IE的項目也可以用起來。

CSS3:default偽類選擇器作用設計的作用是讓用戶在選擇一組數據的時候，依然知道默認選項是什么，否則其他選項一多，選著選著就不知道默認提供的是哪個了，算是一種體驗增強策略。作用不是很強烈，但是關鍵時刻卻很有用。

//HTMLspringsummerfallwinter//CSSinput:default {box-shadow: 0 0 2px 1px coral;}input:default + label {color: coral;}springsummerfallwinter.demo3 label{margin-right:20px;}.demo3 input:default{box-shadow: 0 0 2px 1px coral;}.demo3 input:default + label{color: coral;}