:default

 :default CSS pseudo-class 表示一组相关元素中的默认表单元素。

该选择器可以在 <button><input type="checkbox">, <input type="radio">, 以及 <option> 上使用。

/* Selects any default <input> */
input:default {
  background-color: lime;
}

允许多个选择的分组元素也可以具有多个默认值,即,它们可以具有最初选择的多个项目。在这种情况下,所有默认值都使用 :default 伪类表示。例如,您可以在一组复选框之间设置默认复选框。

语法

:default

示例

HTML

<input type="radio" name="season" id="spring">
<label for="spring">Spring</label>

<input type="radio" name="season" id="summer" checked>
<label for="summer">Summer</label>

<input type="radio" name="season" id="fall">
<label for="fall">Fall</label>

<input type="radio" name="season" id="winter">
<label for="winter">Winter</label>

CSS

input:default {
  box-shadow: 0 0 2px 1px coral;
}

input:default + label {
  color: coral;
}

结果

规范

规范 状态 说明
HTML Living Standard
:default
Living Standard 无变化
HTML5
:default
Recommendation 定义了HTML语义和规范验证
Selectors Level 4
:default
Working Draft 无变化
CSS Basic User Interface Module Level 3
:default
Recommendation 定义了伪类,但不关联伪类

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 10.0 4.0 (2.0) 未实现 10.0 5.0
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 4.0 (2.0) 未实现 10.0 5.0