: mimo rozsahu - Triky CSS

Anonim

:out-of-rangeVolič pseudo CSS zodpovedá vstupné prvky, keď ich hodnota je mimo rozsah ako prijateľné.

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

Verím, že je to relevantné iba na vstupe (typ = číslo). Vstupy rozsahu neumožňujú hodnoty mimo ich min / max a na inom type vstupu to nemá veľký zmysel. Možno textové vstupy s maximálnou dĺžkou, ale správaním sa vo väčšine prehľadávačov je aj tak zabránenie vstupu za maximálnu hodnotu.

Ukážka

Rovnako ako vyššie uvedený kód, aj tento vstup bude mať zelené orámovanie, keď je jeho hodnota medzi 5 a 10.

Viac informácií

  • Spec
  • :v dosahu

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
10+ 5,2+ 19- 11+ 10- 2,3+ 4+