CSS : selektor w zakresie
Przykład
Wybierz i stylizuj tylko wtedy, gdy wartość elementu <input> jest „w zakresie”:
input:in-range
{
border: 2px solid yellow;
}
Definicja i użycie
Selektor :in-range
wybiera wszystkie elementy o wartości mieszczącej się w określonym zakresie.
Uwaga: Selektor :in-range działa tylko dla elementów wejściowych z atrybutami min i/lub max!
Wskazówka: użyj selektora :out-of-range , aby zaznaczyć wszystkie elementy z wartością spoza określonego zakresu.
Wersja: | CSS3 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*W Edge, właściwość :in-range również błędnie wybiera elementy wejściowe bez atrybutów min/max.
Składnia CSS
:in-range {
css declarations;
}
Powiązane strony
Selektor CSS :poza zakresem