找不到哪个css样式应用于元素

Question

在以下屏幕截图中，某些css样式（红色边框）正在应用于输入字段以指示错误。但是我无法确定它是哪个css选择器，Firebug不显示任何应用的样式。

演示： 对不起，该页面没有直接的URL，这里是您可以看到：

1. 去这里：https://wordpress.org/themes/imgwize/
2. 点击 “预览”按钮。
3. 向下滚动页面并点击第一篇文章“Hello world”。你可以在那里看到评论表单。
4. 将字段留空并点击发布评论按钮。

Answer 1

这是Firefox浏览器的内置HTML5原生验证样式。它通过应用required="required"HTML5标签完成。您可以通过应用:invalid CSS伪元素来删除此样式。

textarea:invalid, 
input:invalid { 
    box-shadow: none; 
} 

Answer 2

如果你在其他浏览器上也这么做，比如说Chrome，你会发现表单没有像FireFox那样的行为。这表明这是一个浏览器功能。我猜你注意到表单输入都有必需的属性，当浏览器留空时，它可能会决定浏览器的响应。