CSS :in-range pseudoklasa

Definicja i użycie

CSS :in-range Pseudoklasa używana jest do dopasowywania elementów o wartościach znajdujących się w zakresie.

Uwaga::in-range Pseudoklasa używana jest dla elementów <input>, które mają atrybuty min i/lub max.

Wskazówka:Użycie :out-of-range Pseudoklasa wybiera wszystkie elementy, które mają wartości wykraczające poza określony zakres.

Przykład

Wybierz i ustaw styl pola wejściowego tylko wtedy, gdy wartość pola znajduje się w zakresie:

input:in-range {
  border: 2px solid green;
  background-color: beż;
}

Spróbuj sam

Gramatyka CSS

:in-range {
  deklaracje css;
}

Szczegóły techniczne

Wersja: CSS3

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoklasę.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Strony związane

Odniesienie:Pseudoklasa :out-of-range w CSS