Pseudo-klas invalid

Pseudo-klas invalid girişe ýalňyş baha girizilende ýa-da görkezilen tipine laýyk gelmeýän baha girizilende onuň stiline düşünýär.

Sintaksis

csssahypalaýjy:invalid {

}

Mysal

Girişe ýalňyş baha girizilende fon reňkini gülgüne, baha saýlanan tipe gabat gelýändigi barlanylanda bolsa ýaşyl reňke üýtgetmäge goýberiň:

html<p>E-poçta salgyňyzy giriziň</p>
<p><input type="email"></p>

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

Результат:

Şeýle-de serediň