Pseudo-keperluan required

Pseudo-keperluan required menetapkan gaya kepada input yang mempunyai atribut required, iaitu pseudo-keperluan ini digunakan untuk input yang wajib diisi.

Sintaks

cssselector:required {}

Contoh

Mari tetapkan latar belakang biru muda untuk input yang wajib diisi:

html<form>
  <p>
    <label>Enter number</label>
    <input type="number" required>
  </p>
  <p>
    <label>Enter text</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Lihat juga

  • pseudo-keperluan :optional,
    yang menetapkan gaya untuk input yang tidak mempunyai atribut required
  • pseudo-keperluan :default,
    yang menetapkan gaya untuk elemen secara lalai
  • pseudo-keperluan :indeterminate,
    yang menetapkan gaya untuk penukar yang berada dalam keadaan tidak tentu
  • pseudo-keperluan :read-only,
    yang menetapkan gaya untuk input yang tidak boleh diubah
  • pseudo-keperluan :read-write,
    yang menetapkan gaya untuk input yang boleh diubah