CSS :required 伪类

定义和用法

CSS :required 伪类用于选择并设置必填表单元素的样式（仅适用于 <input>、<select> 和 <textarea>）。

具有 required 属性的表单元素被定义为必填的。

提示：使用 :optional 伪类选择可选表单元素。

实例

选择并设置任何具有 required 属性的 <input> 元素的样式。同时设置任何没有 required 属性的 <input> 元素的样式：

input:optional {
  background-color: lightgreen;
}

input:required {
  background-color: pink;
  border-color: red;
}

亲自试一试

CSS 语法

:required {
  css declarations;
}

技术细节

版本： CSS3

浏览器支持

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

Chrome Edge Firefox Safari Opera
10 10 4 5 10

相关页面

参考：CSS :optional 伪类