CSS :default 伪类

定义和用法

CSS :default 伪类用于选择一组相关元素中的默认表单元素。

此伪类可用于 <button>、<input type="checkbox">、<input type="radio"> 和 <option> 元素。

实例

例子 1

为默认的输入元素添加红色阴影：

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

亲自试一试

例子 2

为单选按钮、复选框和选项设置不同的默认样式：

input[type=radio]:default {
  box-shadow: 0 0 5px 3px blue;
}

input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}

option:default {
  color: blue;
  background-color: pink;
}

亲自试一试

CSS 语法

:default {
  css declarations;
}

技术细节

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。