如果验证失败，则设置HTML5输入类型

Question

哟大家

我的问题很简单：我需要设置无法验证的输入的红色边框（或阴影？）（如电子邮件）。有没有新的CSS技巧呢？

如果你仍然不明白我告诉你的是什么，那么这就是需要改变的颜色：

Answer 1

有关Firefox的详细信息，请参阅https://developer.mozilla.org/en/CSS/%3Ainvalid，但可能没有“-moz”的部分也适用于其他浏览器：

  

:invalid CSS伪类自动应用于<input>   内容无法根据输入的类型进行验证的元素   设置。这使您可以轻松地使用无效字段   有助于用户识别和纠正错误的外观。

     

默认情况下，Gecko不会将样式应用于:invalid伪类。   然而它确实应用了一种风格（使用盒子阴影的红色“发光”）   属性）:-moz-ui-invalid伪类，适用于   :invalid的案例子集。