CSS :valid パseudoクラス

定義と使用方法

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

ヒント：使用 :invalid 無効なフォーム要素のスタイルを選択します。

例

有効な<input>要素のスタイルを選択および設定します：

input:valid {
  background-color: beige;
  border: 2px solid green;
}

実際に試してみてください

CSS文法

:valid {
  css宣言;
}

技術的詳細

バージョン： CSS4

ブラウザのサポート

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

クローム エッジ ファイアフォックス サファリ オペラ
10 12 4 5 10

関連ページ

参考：CSS :invalid 伪类