CSS : In-Range- Selektor
Beispiel
Nur auswählen und formatieren, wenn der Wert des <input>-Elements "im Bereich" ist:
input:in-range
{
border: 2px solid yellow;
}
Definition und Verwendung
Der :in-range
Selektor wählt alle Elemente mit einem Wert aus, der innerhalb eines angegebenen Bereichs liegt.
Hinweis: Der :in-range-Selektor funktioniert nur für Eingabeelemente mit Min- und/oder Max-Attributen!
Tipp: Verwenden Sie den Selektor :out-of-range , um alle Elemente auszuwählen, deren Wert außerhalb eines angegebenen Bereichs liegt.
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*In Edge wählt die Eigenschaft :in-range auch fälschlicherweise Eingabeelemente ohne Min/Max-Attribute aus.
CSS-Syntax
:in-range {
css declarations;
}
Verwandte Seiten
CSS-Selektor : außerhalb des gültigen Bereichs