: în afara intervalului - CSS-Tricks

Anonim

:out-of-rangeSelectorul pseudo în CSS se potrivește cu elementele de intrare atunci când valoarea lor este în afara intervalului specificat ca fiind acceptabil.

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

Cred că este relevant doar pentru intrare (tip = număr). Intrările de gamă nu permit valori în afara min / max și nu are prea mult sens pentru niciun alt tip de intrare. Poate că intrările text-y cu o lungime maximă, dar comportamentul celor din majoritatea browserelor este de a împiedica oricum intrarea peste max.

Demo

La fel ca codul de mai sus, această intrare va avea o margine verde atunci când valoarea sa este cuprinsă între 5 și 10.

Mai multe informatii

  • Spec
  • : în raza de acțiune

Suport pentru browser

Crom Safari Firefox Operă IE Android iOS
Peste 10 ani 5.2+ 19- 11+ 10- 2.3+ 4+