Пример
Установить селектор и стиль только в том случае, если значение элемента <input> находится в "in range":
input:in-range
{
border: 2px solid yellow;
}
Попробуйте сами »
Определение :in-range
Селектор :in-range выбирает все элементы со значением, которое находится в указанном диапазоне.
Примечание: Селектор :in-range работает только для элементов с ограничениями диапазона, таких как входные элементы с атрибутами min и max.
Совет: Используйте селектор :out-of-range для выбора всех элементов со значением, выходящим за пределы указанного диапазона.
| Версия: | CSS3 |
|---|
Поддержка браузеров :in-range
Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.
| Селектор | |||||
|---|---|---|---|---|---|
| :in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*В Edge свойство :in-range также неправильно выбирает входные элементы без атрибутов min/max.
CSS Синтаксис :in-range
Похожие страницы :in-range
CSS Селектор :out-of-range