【问题标题】：Cannot find which css style is being applied to an element找不到哪个 CSS 样式被应用到一个元素
【发布时间】：2015-10-07 16:19:34
【问题描述】：
在以下屏幕截图中，一些 css 样式（红色边框）被应用于输入字段以指示错误。但是我无法弄清楚它是哪个 css 选择器，Firebug 没有显示任何正在应用的样式。
演示：
抱歉，该页面没有直接 URL，您可以通过以下方式查看：
- 去这里：https://wordpress.org/themes/imgwize/
- 点击“预览”按钮。
- 向下滚动页面并点击第一个帖子“Hello world”。您可以在此处查看评论表单。
- 将字段留空，然后点击发表评论按钮。
【问题讨论】：
标签：
html
css
firefox
firebug
【解决方案1】：
这是 Firefox 浏览器的内置 HTML5 原生验证样式。这是通过应用required="required" HTML5 标签来完成的。您可以通过应用:invalid CSS 伪元素来移除此样式。
textarea:invalid,
input:invalid {
box-shadow: none;
}
【解决方案2】：
如果您在其他浏览器（例如 Chrome）上执行相同操作，您会看到表单的行为与在 FireFox 中不同。这表明它是一个浏览器功能。我猜你注意到表单输入都具有 required 属性，这可能会在留空时确定浏览器的响应。