CSS :out-of-range パseudoクラス

定義と使用方法

CSS :out-of-range パseudoクラスは、指定された範囲外の値を持つすべての要素に一致します。

注意：:out-of-range パseudoクラスは、minおよび/またはmax属性を持つ <input>要素。

ヒント：使用 :in-range パseudoクラスは指定された範囲内のすべての値を持つ要素を選択します。

例

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

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

自分で試してみる

CSS文法

:out-of-range {
  css宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

関連ページ

参照：CSS :in-range 伪类