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