CSS :in-range パシフィク

定義と使用方法

CSS :in-range パシフィクは範囲内の値を持つすべての要素に一致します。

注意：:in-range パシフィクはminおよび/またはmax属性を持つ<input>要素に使用されます。

ヒント：使用 :out-of-range パシフィクは指定された範囲外のすべての値を持つ要素を選択します。

例

フィールドの値が範囲内にある場合のみ、入力フィールドのスタイルを選択および設定します：

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

自分で試してみる

CSS文法

:in-range {
  css宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

テーブルの数字は、そのパシフィクの最初のサポートするブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

関連ページ

参照：CSS :out-of-range 仮類