: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!

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

文档标签和贡献者

此页面的贡献者: NorthWind, nDos, NoobxzZhang, eddiexxxx, dongchaoge, faremax
最后编辑者: NorthWind,