: vahemikust väljas - CSS-trikid

Anonim

:out-of-rangePseudo valijat CSS vastab sisestuselemente kui nende väärtus ei ole vahemikus täpsustatud nagu oleks vastuvõetav.

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

Usun, et see on asjakohane ainult sisendi korral (tüüp = arv). Vahemikusisendid ei võimalda väärtusi väljaspool nende min / max väärtust ja muud tüüpi sisenditel pole eriti mõtet. Võib-olla on teksti-y sisestused maksimaalse pikkusega, kuid enamiku brauserite käitumine on niikuinii takistada sisestamist maksimumist üle.

Demo

Täpselt nagu ülaltoodud kood, on sellel sisendil roheline piir, kui selle väärtus jääb vahemikku 5–10.

Rohkem infot

  • Spetsifikatsioon
  • :vahemikus

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
10+ 5.2+ 19- 11+ 10- 2.3+ 4+