CSS :validSelektoren
Vollständiges CSS-Selektor-Referenzhandbuch
Beispiel
Wenn der im input-Element eingegebene Wert gültig ist, setzen Sie es auf Gelb:
input:valid
{
background-color: yellow;
}
Selbst ausprobieren »
Definition und Verwendung
Der :valid-Selektor legt festgelegte Stile fest, wenn der Wert eines Formularelements gemäß festgelegten Bedingungen validiert werden muss.
Hinweis:Der :valid-Selektor gilt nur für Elemente, die einen Wertebereich angeben können, wie z. B. die Attribute min und max in input-Elementen, korrekte E-Mail-Felder, gültige Zahlenfelder usw.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.
| Selektoren | |||||
|---|---|---|---|---|---|
| :valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS-Syntax
:valid
{
css 声明;
}
Verwandte
CSS-Selektor:invalid
Weitere Erweiterungen