Pseudoklasse required

De pseudoklasse required bepaalt de stijl voor een input-element met het attribuut required, d.w.z. deze pseudoklasse wordt toegepast op verplichte in te vullen inputvelden.

Syntaxis

cssselector:required {}

Voorbeeld

Laten we een verplicht in te vullen inputveld een lichtblauwe achtergrond geven:

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

Результат:

Zie ook

  • pseudoklasse :optional,
    die de stijl bepaalt voor een input-element zonder het attribuut required
  • pseudoklasse :default,
    die de stijl bepaalt voor standaardelementen
  • pseudoklasse :indeterminate,
    die de stijl bepaalt voor keuzerondjes die zich in een onbepaalde staat bevinden
  • pseudoklasse :read-only,
    die de stijl bepaalt voor inputvelden die niet kunnen worden gewijzigd
  • pseudoklasse :read-write,
    die de stijl bepaalt voor inputvelden die kunnen worden gewijzigd