Pseudoklasse required

Die Pseudoklasse required legt den Stil für ein Input-Feld fest, das das Attribut required besitzt, d.h., diese Pseudoklasse wird auf obligatorische, auszufüllende Input-Felder angewendet.

Syntax

cssSelektor:required {}

Beispiel

Lassen Sie uns einem obligatorischen Input-Feld einen hellblauen Hintergrund geben:

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

Результат:

Siehe auch

  • die Pseudoklasse :optional,
    die den Stil für ein Input-Feld festlegt, das kein required-Attribut hat
  • die Pseudoklasse :default,
    die den Stil für Standardelemente festlegt
  • die Pseudoklasse :indeterminate,
    die den Stil für Umschaltfelder festlegt, die sich in einem unbestimmten Zustand befinden
  • die Pseudoklasse :read-only,
    die den Stil für nicht veränderbare Input-Felder festlegt
  • die Pseudoklasse :read-write,
    die den Stil für veränderbare Input-Felder festlegt