2

無数の記事を読みましたが、Firefox で HTML5 検証エラーのスタイルを設定する方法がまだ見つかりません。これで運が良かった人はいますか？Chrome と IE で素敵なメッセージのスタイルを設定できました ( IE 用のWebshimsを使用)。

Firefox のメッセージの見た目が気に入らない (スクリーンショットを参照)。 このリンクは有望ではないようです。これもそうではありません。ただし、これらのリンクは少し古くなっています。誰かが新しいバージョンの Firefox (私はバージョン 14.0.1 を使用しています) でこれを理解していることを願っています。

Firefox の HTML5 検証メッセージ

4

3 に答える 3

2

答えは……答えがない？検索を続けましたが、Firefox でこれらのエラーのスタイルを設定する方法がまだ見つかりません。ただし、良いニュースは、Firefox の最新リリース (16.0.1) がプロンプトの外観をクリーンアップし、醜い内側の四角形を削除したことです (スクリーンショットを参照)。それでも、カスタム カラーでこれらのスタイルを設定するとよいでしょう。たとえば、暗い背景に白いテキストなどです。

ここに画像の説明を入力

于 2012-10-23T13:53:44.423 に答える
1

どうやってここにたどり着いたのかわからない、これは古いスレッドのようだ。ただし、合格した人が正しい（最新の）回答を得られるようにするために：

CSS を使用したフォーム エラーのスタイリングは、疑似セレクターを介して行うことができます。:invalid

したがって、Firefox のエラー ボックスについては、次のようにして削除できます。

input[type="number"]:invalid {box-shadow: none;}
于 2015-02-15T01:21:49.827 に答える
-2

ここで同じ質問 ==> CSS を使用して HTML5 フォーム検証エラー メッセージのスタイルを設定するにはどうすればよいですか?

現時点では、ツールチップをデザインすることはできないと思います。フォームに novalidate 属性を使用して、カスタム ツールチップを作成できます。

于 2012-09-05T17:18:06.877 に答える