CSS : gültiger Selektor
Beispiel
Nur auswählen und formatieren, wenn der Wert des <input>-Elements gültig ist:
input:valid
{
background-color: yellow;
}
Definition und Verwendung
Der :valid
Selektor wählt Formularelemente mit einem Wert aus, der gemäß den Einstellungen des Elements validiert wird.
Hinweis: Der :valid-Selektor funktioniert nur für Formularelemente mit Einschränkungen, wie z. B. Eingabeelemente mit Min- und Max-Attributen, E-Mail-Felder mit einer gültigen E-Mail-Adresse oder Zahlenfelder mit einem numerischen Wert usw.
Tipp: Verwenden Sie den Selektor :invalid , um Formularelemente mit einem Wert auszuwählen, der gemäß den Einstellungen des Elements nicht validiert wird.
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS-Syntax
:valid {
css declarations;
}
Verwandte Seiten
CSS-Selektor : ungültig