CSS : kiezer binnen bereik
Voorbeeld
Selecteer en stijl alleen als de waarde van het <input>-element "binnen bereik" is:
input:in-range
{
border: 2px solid yellow;
}
Definitie en gebruik
De :in-range
selector selecteert alle elementen met een waarde die binnen een bepaald bereik valt.
Let op: De :in-range selector werkt alleen voor invoerelementen met min en/of max attributen!
Tip: Gebruik de :out-of-range selector om alle elementen te selecteren met een waarde die buiten een gespecificeerd bereik ligt.
Versie: | CSS3 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*In Edge selecteert de eigenschap :in-range ook onjuist invoerelementen zonder min/max-attributen.
CSS-syntaxis
:in-range {
css declarations;
}