: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;}