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

Обновлено: 11.01.2023

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

Застосовується до елементів форм, у яких введене користувачем значення знаходиться в заздалегідь заданому діапазоні. Сам діапазон встановлюється за допомогою атрибутів min і max, вони, відповідно, задають мінімальне і максимальне значення.

Синтаксис

<i>Селектор</i>:in-range { ... }

Приклад

У цьому прикладі при введенні числа від 1 до 10 у поля стає зелений колір фону, щойно пишеться буква або число більше 10, то колір фону змінюється на рожевий.

Браузери

:in-range

Посмотреть совместимость на Can I use?

:in-range