Псевдокласс invalid

Псевдокласс invalid инпутка туура эмес маани же көрсөтүлгөн тиске дал келбеген маани киргизилген учурдагы стилди аныктайт.

Синтаксис

селектор:invalid {

}

Мисал

Инпутка туура эмес маани киргизилгенде анын фонун кызгылт түскө, ал эми маани тандалган тиске ылайык экендиги текшерилип, туура болгондо кайрадан жашыл түскө боёёлу:

<p>Email дарегиңизди жазыңыз</p>
<p><input type="email"></p>

input:invalid {
	background: #E37D76;
}
input:valid {
	background: #9DDFA4;
}

Дагы караңыз

псевдокласс :valid,
инпутка туура маани киргизилген учурдагы стилди аныктайт
псевдокласс :default,
демилгелүү элементтерге стилди аныктайт
псевдокласс :in-range,
берилген маанилер диапазону бар элементтерге стилди аныктайт
псевдокласс :out-of-range,
маанилери диапазондун чегинен сырткары турган элементтерге стилди аныктайт