スタイルHTML5の入力タイプの検証が失敗した場合

Question

ヨ全員

は、私の質問は非常に簡単です：私は、赤い枠のスタイルをする必要があります（電子メールのように）検証できませんでした入力の（またはシャドウ？）。それを行うための新しいCSSトリックはありますか？

あなたはまだ私はあなたを語っていますかを理解していない場合は、これは変更する必要のある色である：

Answer 1

「-moz」のないと思われる部分が他に適用されますが、Firefoxの詳細については、https://developer.mozilla.org/en/CSS/%3Ainvalidを参照してください。ブラウザは、あまりにも：

:invalid CSSの擬似クラスは、その内容を入力の種類 設定に従って検証に失敗し<input> 要素に自動的に適用されます。これにより、ユーザーがエラーを特定して修正するのに役立つ の外観を無効なフィールドに簡単に適用できます。

デフォルトでは、Geckoは擬似クラス:invalidにスタイルを適用しません。 のサブセットの サブセットに適用される:-moz-ui-invalid疑似クラスに対して、スタイル（赤い「グロー」をボックスシャドウ プロパティを使用）に適用します。