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