CSS selector input:out-of-range
Селектор :out-of-range обирає, ті елементи форми, значення яких вийшло за межі дозволеного діапазону.
- Порада
-
Використовуйте селектор
автор: NagarD:in-range, щоб обрати всі елементи значення, яких знаходиться в межах дозволеного діапазону.
Синтаксис
:out-of-range {
css declarations;
}
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 10 | 29 | 5.1 | 11 | 13 | — |
| Переглядач | ||||
|---|---|---|---|---|
| 2.2 | 18 | 16 | 5 |
Приклади
+ запропонувати свій приклад у пісочниці
Діапазон полів — від 1 до 10: у першого значення 12, воно поза межами — рамка червона. Виправ на число в діапазоні, і рамка зникне.
HTML
<p>Дозволений діапазон: від 1 до 10.</p>
<input type="number" min="1" max="10" value="12">
<input type="number" min="1" max="10" value="5">
CSS
input:out-of-range {
border: 2px solid red;
}
Коментарі
Коментарів ще немає — будьте першим!