CSS selector input:in-range
Селектор :in-range обирає, ті елементи форми, значення яких знаходиться в межах дозволеного діапазону.
Порада: Використовуйте селектор :out-of-range, щоб обрати всі елементи значення, яких виходить за межі дозволеного діапазону.
Синтаксис
:in-range {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| in-range | 10.0 | 28.0 | 5.2 | 11.0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Діапазон полів — від 1 до 10: у першого значення 5 (у діапазоні — рамка жовта), у другого 12 (рамки немає). Змінюй значення і дивись, як рамка вмикається.
HTML
<p>Дозволений діапазон: від 1 до 10.</p>
<input type="number" min="1" max="10" value="5">
<input type="number" min="1" max="10" value="12">CSS
input:in-range {
border: 2px solid yellow;
}Коментарі
Коментарів ще немає — будьте першим!