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