Pseudo-class invalid

Pseudo-class invalid menetapkan gaya untuk input yang dimasukkan nilai tidak betul atau nilai yang tidak sepadan dengan jenis yang ditetapkan.

Sintaks

cssselector:invalid {

}

Contoh

Mari kita ubah warna latar input kepada merah jambu, apabila nilai tidak betul dimasukkan dan kembali kepada hijau, apabila nilai telah lulus penyemakan kesesuaian dengan jenis yang dipilih:

html<p>Masukkan e-mel Anda</p>
<p><input type="email"></p>

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

Результат:

Lihat juga