Der :out-of-rangePseudo-Selektor in CSS stimmt mit Eingabeelementen überein, wenn ihr Wert außerhalb des als akzeptabel angegebenen Bereichs liegt.
input:out-of-range ( border: 5px solid red; )Ich glaube, es ist nur bei der Eingabe relevant (Typ = Nummer). Bereichseingaben erlauben keine Werte außerhalb von min / max und es macht bei keiner anderen Art von Eingabe viel Sinn. Vielleicht Texteingaben mit einer maximalen Länge, aber das Verhalten in den meisten Browsern besteht darin, die Eingabe über das Maximum hinaus zu verhindern.
Demo
Genau wie der obige Code hat diese Eingabe einen grünen Rand, wenn ihr Wert zwischen 5 und 10 liegt.
Mehr Info
- Die Spezifikation
- :im Bereich
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |