CSS selector input:invalid

Селектор :invalid обирає елементи форми, значення яких не відповідає налаштуванням елемента. Тобто, якщо значення числового поля (type="number") введено як рядок чи type="email" не відповідає правильній електронній пошті. Порада: Використовуйте селектор :valid для вибірки елементів форми зі значенням, яке відповідає заданим фільтрам елемента.

Синтакс

:invalid {
    css declarations;
}

Переглядачі

Переглядач
invalid

10.0

10.0

4.0

5.0

10.0


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

Приклади


Обирає всі елементи <input> з не валідним значенням і задає їм стиль

input:invalid { 
    border: 2px solid red;
}

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів