CSS :in-range pseudoklasse

Definitie en gebruik

CSS :in-range De pseudoklasse wordt gebruikt om elementen te matchen met waarden binnen het bereik.

Opmerking::in-range De pseudoklasse wordt gebruikt voor <input>-elementen met min en/or max-eigenschappen.

Tip:Gebruik :out-of-range De pseudoklasse selecteert alle elementen met waarden buiten het gespecificeerde bereik.

Voorbeeld

Selecteer en stel de stijl van het invoerveld in wanneer de waarde van het veld binnen het bereik ligt:

input:in-range {
  rand: 2px vast groen;
  achtergrondkleur: beige;
}

Probeer het zelf uit

CSS-syntaxis

:in-range {
  css-declaraties;
}

Technische details

Versie: CSS3

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die de pseudoklasse volledig ondersteunt.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Gerelateerde pagina's

Referentie:CSS :out-of-range pseudoklasse