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

cssselector:required {}

Contoh

Mari kita berikan latar belakang biru muda untuk input yang wajib diisi:

html<form>
  <p>
    <label>Masukkan angka</label>
    <input type="number" required>
  </p>
  <p>
    <label>Masukkan teks</label>
    <input type="text">
  </p>
</form>

cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Lihat juga