CSS selector input:out-of-range


Селектор :out-of-range обирає, ті елементи форми, значення яких вийшло за межі дозволеного діапазону.

автор: NagarD

Порада

Використовуйте селектор :in-range, щоб обрати всі елементи значення, яких знаходиться в межах дозволеного діапазону.

автор: NagarD

Синтаксис

:out-of-range {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera
out-of-range 10 28 5.2 11

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Діапазон полів — від 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;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід