CSS :invalid パシフィク

定義と使用方法

CSS :invalid パシフィクは、無効なフォーム要素のスタイルを設定するために使用されます。

注意：このパシフィクは、minおよびmax属性を持つ入力要素、合法なメールがなくなるメールフィールド、数値を持たない数字フィールドなどの制限のあるフォーム要素にのみ適用されます。

注意：オプションボタンのグループのいずれかのオプションボタンが必須である場合、グループ内にオプションボタンが選択されていない場合、このパシフィクがすべてのオプションボタンに適用されます。

ヒント：使用 :valid パシフィク設定が有効なフォーム要素のスタイルを設定します。

例

無効な <fieldset> と <input> 要素のスタイルを設定します：

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

自分で試してみてください

CSS文法

:invalid {
  css宣言;
}

技術的な詳細

ブラウザのサポート

テーブルの数字は、そのパシフィクの最初のサポートするブラウザのバージョンを指定しています。

関連ページ

参考：CSS :valid 选择器