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