: utenfor rekkevidde - CSS-triks

Anonim

Den :out-of-rangepseudo velgeren i CSS varer med drivelementene når verdien er utenfor det spesifiserte som å være akseptable området.

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

Jeg tror det bare er relevant på input (type = nummer). Områdeinnganger tillater ikke verdier utenfor min / maks, og det gir ikke mye mening på noen annen type inngang. Kanskje tekst-y-innganger med maks lengde, men oppførselen til de i de fleste nettlesere er å forhindre oppføring forbi maks uansett.

Demo

Akkurat som koden ovenfor, vil denne inngangen ha en grønn kant når verdien er mellom 5 og 10.

Mer informasjon

  • Spesifikasjonen
  • :innen rekkevidde

Nettleserstøtte

Chrome Safari Firefox Opera DVS Android iOS
10+ 5.2+ 19- 11+ 10- 2.3+ 4+