Pseudoclass invalid
Pseudoclass invalid mengatur gaya
untuk input yang dimasukkan nilai yang salah
atau nilai yang tidak sesuai dengan tipe
yang ditentukan.
Sintaks
selector: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:
<p>Masukkan email Anda</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Lihat juga
-
pseudoclass
:valid,
yang mengatur gaya untuk input yang dimasukkan nilai yang benar -
pseudoclass
:default,
yang mengatur gaya untuk elemen secara default -
pseudoclass
:in-range,
yang mengatur gaya untuk elemen dengan rentang nilai yang ditentukan -
pseudoclass
:out-of-range,
yang mengatur gaya untuk elemen yang nilainya berada di luar rentang
