如何在Firefox中設置HTML5驗證錯誤

我已閱讀過無數篇文章，但我仍未找到在Firefox中設置HTML5驗證錯誤的方式。有沒有人有這樣的運氣？我可以在Chrome和IE中使用Webshims來設計一些漂亮的信息。如何在Firefox中設置HTML5驗證錯誤

我不喜歡Firefox中消息的外觀（請參見屏幕截圖）。 This link聽起來不大有希望。 this one也不是。但是，這些鏈接有點陳舊。我希望有人已經認識到了Firefox的新版本（我使用14.0.1版本）。

HTML5 validation message in Firefox

2012-09-05 WEFX

答案是......沒有答案？我繼續搜索，但我仍然沒有看到在Firefox中設置這些錯誤的方法。不過，好消息是Firefox的最新版本（16.0.1）已經清除了提示的外觀，並刪除了醜陋的內部矩形（請參閱截圖）。儘管如此，將這些w/a自定義顏色設置爲很好，例如，可能是黑色背景上的白色文字。

enter image description here

2012-10-23 13:53:44 WEFX

如果你關心在Firefox上解決這個問題，請對這個bug進行投票：bugzilla.mozilla.org/show_bug.cgi?id=845405 –

謝謝，我已經投了票。 – WEFX

-1

而此刻，我不認爲我們可以設計工具提示。您可以使用表單的novalidate屬性並創建自定義工具提示。

2012-09-05 17:18:06 ke20

我讀過這個問題，並且它處理Chrome w/webkit驗證... css類很好。它沒有解決Firefox的問題。這就是爲什麼我發佈評論[這個答案]（http://stackoverflow.com/a/6555897/590719）。 – WEFX

我不知道我是怎麼來到這裏，這似乎是一個古老的線程。只是可以肯定的人誰不通過得到正確的（最多最新的）答案：

與CSS樣式表單錯誤可以通過僞選擇做:invalid

所以對於Firefox的錯誤箱你可以刪除它使用像：

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

2015-02-15 01:21:49 Tiezol

回答