Pseudoklasse invalid
Die Pseudoklasse invalid legt den Stil
für eine Eingabe fest, in die ein falscher
Wert oder ein Wert, der nicht dem angegebenen
Typ entspricht, eingegeben wurde.
Syntax
Selektor:invalid {
}
Beispiel
Lassen Sie uns den Hintergrund der Eingabe in Rosa umfärben, wenn ein falscher Wert eingegeben wird, und zurück in Grün, wenn der Wert die Überprüfung auf Übereinstimmung mit dem gewählten Typ bestanden hat:
<p>Geben Sie Ihre E-Mail-Adresse ein</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Siehe auch
-
die Pseudoklasse
:valid,
die den Stil für eine Eingabe festlegt, in die ein korrekter Wert eingegeben wurde -
die Pseudoklasse
:default,
die den Stil für Standardelemente festlegt -
die Pseudoklasse
:in-range,
die den Stil für Elemente mit einem bestimmten Wertebereich festlegt -
die Pseudoklasse
:out-of-range,
die den Stil für Elemente festlegt, deren Werte außerhalb des Bereichs liegen
