CSS :有効なセレクター
例
<input>要素の値が有効な場合にのみ選択してスタイルを設定します。
input:valid
{
background-color: yellow;
}
定義と使用法
セレクターは:valid
、要素の設定に従って検証する値を持つフォーム要素を選択します。
注:: validセレクターは、最小属性と最大属性を持つ入力要素、有効な電子メールを含む電子メールフィールド、数値を含む数値フィールドなど、制限のあるフォーム要素に対してのみ機能します。
ヒント::invalidセレクターを使用して、要素の設定に従って検証されない値を持つフォーム要素を選択します。
バージョン: | CSS3 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS構文
:valid {
css declarations;
}
関連ページ
CSSセレクター:無効