Pseudoclass invalid

Pseudoclass invalid mengatur gaya untuk input yang dimasukkan nilai yang salah atau nilai yang tidak sesuai dengan tipe yang ditentukan.

Sintaks

cssselector:invalid {

}

Contoh

Mari ubah warna latar belakang input menjadi merah muda ketika nilai yang salah dimasukkan dan kembali ke warna hijau ketika nilainya telah lulus pengecekan kesesuaian dengan tipe yang dipilih:

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

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

Результат:

Lihat juga