CSS :invalid 伪类
示例
为无效的 <fieldset> 和 <input> 元素设置样式
fieldset:invalid {
border: 2px solid red;
background-color: beige;
}
input:invalid {
border: 2px solid red;
background-color: beige;
}
亲自试一试 »
定义和用法
:invalid 伪类用于为无效的表单元素设置样式。
注意：此伪类仅适用于具有限制的表单元素，例如具有 min 和 max 属性的 input 元素、没有合法电子邮件的电子邮件字段或没有数值的数字字段等。
注意：如果一组单选按钮中的任何一个都是必需的，则如果该组中没有选中任何单选按钮，则此伪类将应用于所有这些按钮。
提示：使用 :valid 伪类为有效的表单元素设置样式。
| 版本 | CSS4 |
|---|
浏览器支持
表格中的数字指定了完全支持此伪类的第一个浏览器版本。
| 伪类 | |||||
|---|---|---|---|---|---|
| :invalid | 10 | 12 | 4 | 5 | 10 |
CSS 语法
相关页面
CSS 选择器 :valid
