: hatótávolságon kívül CSS-trükkök

Anonim

A :out-of-rangeCSS álválasztója egyezik a bemeneti elemekkel, ha azok értéke az elfogadhatóként megadott tartományon kívül esik.

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

Úgy gondolom, hogy csak a bemenetnél releváns (típus = szám). A tartomány bemenetei nem engedik meg a min / max értékeiken kívüli értékeket, és nincs sok értelme bármilyen más típusú bemenetnek. Talán max-hosszúságú text-y bemenetek, de a legtöbb böngészőben lévő felhasználók viselkedése amúgy is megakadályozza, hogy a max.

Demó

A fenti kódhoz hasonlóan ez a bemenet is zöld szegéllyel rendelkezik, ha értéke 5 és 10 között van.

Több információ

  • A Spec
  • :hatótávolságban

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
10+ 5.2+ 19- 11+ 10- 2.3+ 4+