Pseudo-class required
Pseudo-class required menentukan gaya
untuk input yang memiliki atribut required,
artinya pseudo-class ini diterapkan pada
input yang wajib diisi.
Sintaks
selector:required {}
Contoh
Mari kita berikan latar belakang biru muda untuk input yang wajib diisi:
<form>
<p>
<label>Masukkan angka</label>
<input type="number" required>
</p>
<p>
<label>Masukkan teks</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
Lihat juga
-
pseudo-class
:optional,
yang menentukan gaya untuk input yang tidak memiliki atribut required -
pseudo-class
:default,
yang menentukan gaya untuk elemen secara default -
pseudo-class
:indeterminate,
yang menentukan gaya untuk switch yang berada dalam keadaan tidak tentu -
pseudo-class
:read-only,
yang menentukan gaya untuk input yang tidak dapat diubah -
pseudo-class
:read-write,
yang menentukan gaya untuk input yang dapat diubah
