语法
:invalid {
css declarations;
}
:invalid 选择器示例：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
input:invalid {
border: 2px solid #ff0000;
}
</style>
</head>
<body>
<h2>:invalid selector example</h2>
<form>
<input type="email" value="E-mail">
</form>
</body>
</html>
CSS :invalid 伪类根据其设置选择具有无效值的 <form> 和 <fieldset> 元素。
:invalid 选择器仅适用于具有 min 和 max 属性的表单 <input> 元素、没有合法电子邮件的电子邮件字段、没有数值的数字字段或者具有空值的必填字段。
单选按钮
当需要组中的一个单选按钮时， :invalid 选择器将应用于所有这些按钮（如果未选择组中的所有按钮）。
分组的单选按钮的名称属性具有相同的值。
Gecko默认值
默认情况下，Gecko 不会将样式应用于 :invalid 伪类（但是，我们可以使用 box-shadow 属性应用红色“发光”），而是将样式应用于 :-moz-ui-invalid 伪类， 这适用于 :invalid 伪类的部分情况。
日期：2020-06-02 22:14:36 来源：oir作者：oir