CSS selector input:valid

Селектор :valid обирає елементи форми зі значенням, що пройшло перевірку, відповідно до налаштувань елемента. Примітка: селектор :valid працює тільки для елементів форми, що з обмеженнями, такими як mix та max, email, numeric і т.п.

правити

Порада

Використовуйте: селектор :invalid для вибору елементів форми зі значенням, яке не пройшло перевірки, відповідно до налаштувань елемента.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

:valid {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	10	4	5	10	12	10

Підтримка: мобільні переглядачі

Переглядач
	37	18	4	5

Приклади

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

<input type="email" value="[email protected]">
<input type="email" value="не-адреса">

input:valid {
    background-color: yellow;
}