Pseudoklasse optional

Die Pseudoklasse optional legt den Stil für ein Input-Feld fest, bei dem das Attribut required nicht gesetzt ist, d.h. diese Pseudoklasse wird auf optionale Input-Felder angewendet.

Syntax

cssSelektor:optional {

}

Beispiel

Lassen Sie uns einem optionalen Input-Feld einen grauen 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:optional {
  background-color: #D8DFE8;
}

Результат:

Siehe auch

Pseudoklasse :default,
die Standardelemente formatiert
Pseudoklasse :indeterminate,
die Schaltelemente im unbestimmten Zustand formatiert
Pseudoklasse :placeholder-shown,
die Elemente bei der Anzeige von Platzhaltertext formatiert
Pseudoklasse :read-only,
die nicht veränderbare Input-Felder formatiert
Pseudoklasse :required,
die ein Input-Feld mit gesetztem required-Attribut formatiert
Pseudoklasse :focus-within,
die fokussierte Elemente formatiert
Eigenschaft caret-color,
die die Farbe des Textcursors in einem Input-Feld festlegt