Pseudoklasse optional

De pseudoklasse optional bepaalt de stijl voor een input waarop het required attribuut niet is gezet, d.w.z. deze pseudoklasse wordt toegepast op optionele inputs.

Syntaxis

cssselector:optional {

}

Voorbeeld

Laten we een grijze achtergrond instellen voor de optionele input:

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:optional {
  background-color: #D8DFE8;
}

Результат:

Zie ook

pseudoklasse :default,
die stijl bepaalt voor standaard elementen
pseudoklasse :indeterminate,
die stijl bepaalt voor schakelaars in een onbepaalde staat
pseudoklasse :placeholder-shown,
die stijl bepaalt voor elementen wanneer placeholder-tekst wordt weergegeven
pseudoklasse :read-only,
die stijl bepaalt voor inputs die niet kunnen worden gewijzigd
pseudoklasse :required,
die stijl bepaalt voor een input met het required attribuut
pseudoklasse :focus-within,
die stijl bepaalt voor elementen in focus
eigenschap caret-color,
die de kleur van de tekstcursor in een input bepaalt