:in-rangeIzbirnik psevdo v CSS ujema vhodne elemente, če je njihova vrednost v območju, ki kot sprejemljive. Je del specifikacije CSS Selectors Level 4, ki je trenutno v urednikovem osnutku.
input:in-range ( border: 5px solid green; )Verjamem, da je to pomembno samo za input(type=number). Vhodi obsega ne dovoljujejo vrednosti izven min / max in nima nobenega smisla pri nobeni drugi vrsti vnosa. Morda vnos besedila y z največjo dolžino, toda vedenje tistih v večini brskalnikov je vseeno preprečevanje vstopa mimo največje.
Demo
Tako kot zgornja koda bo tudi ta vnos imel zeleno obrobo, ko je njegova vrednost med 5 in 10.
Podpora brskalnika
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 53 | 50 | Ne | 79 | 10.1 |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Sorodne lastnosti
Almanah 1. julija 2020:izven dosega
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham