如何在Firefox中设置HTML5验证错误的样式

Question

我读过无数篇文章，但我还没有找到一种方法来在Firefox中设置HTML5验证错误的样式。有没有人有这个运气？我已经能够在Chrome和IE中设置一些好消息（使用Webshims进行IE浏览）。

我不喜欢Firefox中的消息外观（见截图）。 This link听起来并不乐观。 this one也不是。{3}}。但是，这些链接有点陈旧。我希望有人为新版本的Firefox（我使用的是14.0.1版本）解决这个问题。

Answer 1

答案是......没有答案？我一直在搜索，我仍然没有看到在Firefox中设置这些错误的方法。然而，好消息是最新版本的Firefox（16.0.1）已经清理了提示的外观，并删除了丑陋的内部矩形（见截图）。尽管如此，用自定义颜色设计这些风格会很不错;例如，在深色背景上可能是白色文字。

Answer 2

我不确定我是怎么来的，这似乎是一个老话题。但只是为了确保任何通过的人获得正确的（最新的）答案：

CSS的样式表错误可以通过伪选择器:invalid

完成

因此，对于Firefox错误框，您可以使用like：

删除它

input[type="number"]:invalid {box-shadow: none;}

Answer 3

这里同样的问题==＆gt; How do I style the HTML5 form validation error messages with CSS?

目前我认为我们不能设计工具提示。 您可以为表单使用novalidate属性并创建自定义工具提示。