CSS :in-range Pseudo-klasse

Definition und Verwendung

CSS :in-range Der Pseudo-klasse wird verwendet, um alle Elemente zu matchen, deren Werte im Bereich liegen.

Beachtung::in-range Der Pseudo-klasse wird für <input>-Elemente mit den Attributen min und/oder max verwendet.

Hinweis:Verwendung :out-of-range Der Pseudo-klasse wählt alle Elemente aus, deren Werte über dem angegebenen Bereich liegen.

Beispiel

Wählen und setzen Sie den Stil des Eingabefelds nur, wenn der Wert des Felds im Bereich liegt:

input:in-range {
  border: 2px fest grün;
  background-color: beige;
}

Versuchen Sie es selbst

CSS-Syntax

:in-range {
  css-Anweisungen;
}

Technische Details

Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die den Pseudo-klasse vollständig unterstützt.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Verwandte Seiten

Referenz:CSS :out-of-range Pseudoklasse