CSS :範囲外セレクター
例
<input>要素の値が「範囲外」の場合にのみ選択してスタイルを設定します。
input:out-of-range
{
border: 2px solid red;
}
定義と使用法
:out-of-range
セレクターは、指定された範囲外の値を持つすべての要素を選択します。
注:: out-of-rangeセレクターは、minおよび/またはmax属性を持つ入力要素に対してのみ機能します。
ヒント::in-rangeセレクターを使用して 、指定した範囲内の値を持つすべての要素を選択します。
バージョン: | CSS3 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
:out-of-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
* Edgeでは、:out-of-rangeプロパティは、min / max属性のない入力要素も誤って選択します。
CSS構文
:out-of-range {
css declarations;
}
関連ページ
CSSセレクター:範囲内