CSS :in-range псевдокласс

Определение и использование

CSS :in-range Псевдокласс используется для соответствия любым элементам с значениями в указанном диапазоне.

Внимание::in-range Псевдокласс используется для элементов <input>, у которых есть атрибуты min и/или max.

Совет:Использование :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

Связанные страницы

См. также:Дробный класс :out-of-range в CSS