CSS :validセレクター

例

input 要素に入力された値が有効な場合、それを黄色に設定します:

input:valid { background-color: yellow; }

:valid セレクターは、フォーム要素の値が指定された条件に基づいて検証される必要がある場合に、指定されたスタイルを設定します。

注意::valid セレクターは、範囲値を指定できる要素にのみ作用します。例えば、input 要素の min 属性や max 属性、正しい email フィールド、有効な数値フィールドなどです。

表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。

セレクター
:valid	10.0	10.0	4.0	5.0	10.0

:valid
{
    css 声明;
}