: poza zasięgiem - CSS-Tricks

Anonim

:out-of-rangeSelektor pseudo CSS pasuje do elementów wejściowych, gdy ich wartość jest poza zakres określony jako do przyjęcia.

input:out-of-range ( border: 5px solid red; )

Uważam, że ma to znaczenie tylko na wejściu (typ = liczba). Wejścia zakresu nie pozwalają na wartości poza ich min / max i nie ma to większego sensu na żadnym innym typie wejścia. Być może dane wejściowe text-y z maksymalną długością, ale zachowanie w większości przeglądarek polega na zapobieganiu przekroczeniu maksymalnej długości.

Próbny

Podobnie jak w powyższym kodzie, to wejście będzie miało zieloną ramkę, gdy jego wartość mieści się w zakresie od 5 do 10.

Więcej informacji

  • Spec
  • :w zakresie

Wsparcie przeglądarki

Chrom Safari Firefox Opera TO ZNACZY Android iOS
10+ 5.2+ 19- 11+ 10- 2.3+ 4+