无法找到正在应用于元素的css样式

Question

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

演示: 抱歉,该页面没有直接的网址,以下是您可以看到的内容:

1. 请访问:https://wordpress.org/themes/imgwize/
2. 单击"预览"按钮.
3. 向下滚动页面,然后单击第一篇文章"Hello world".你可以在那里看到评论表.
4. 将字段留空,然后单击"发表评论"按钮.

Answer 1

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

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