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;


}