CSS : Ungültiger Selektor
Beispiel
Nur auswählen und formatieren, wenn der Wert des <input>-Elements ungültig ist:
input:invalid
{
border: 2px solid red;
}
Definition und Verwendung
Der :invalid
Selektor wählt Formularelemente mit einem Wert aus, der gemäß den Einstellungen des Elements nicht validiert wird.
Hinweis: Der Selektor :invalid funktioniert nur für Formularelemente mit Einschränkungen, wie z. B. Eingabeelemente mit Min- und Max-Attributen, E-Mail-Felder ohne gültige E-Mail-Adresse oder Zahlenfelder ohne numerischen Wert usw.
Tipp: Verwenden Sie den Selektor :valid , um Formularelemente mit einem Wert auszuwählen, der gemäß den Einstellungen des Elements 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 | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS-Syntax
:invalid {
css declarations;
}
Verwandte Seiten
CSS-Selektor : gültig