:in-rangePseudo valitsin CSS vastaa syöte-elementtejä, kun niiden arvo on alueella määritetty olevan hyväksyttävän. Se on osa CSS Selectors Level 4 -määrittelyä, joka on tällä hetkellä editorin luonnoksessa.
input:in-range ( border: 5px solid green; )Uskon, että sillä on merkitystä vain input(type=number). Alueen tulot eivät salli arvoja niiden min / max ulkopuolella, eikä sillä ole mitään järkeä muille tulotyypeille. Ehkä text-y-syötteet, joiden pituus on suurin, mutta useimmissa selaimissa käyttäytyminen on joka tapauksessa estettävä pääsy maksimin yli.
Demo
Aivan kuten yllä oleva koodi, tällä syötteellä on vihreä reunus, kun sen arvo on välillä 5-10.
Selaimen tuki
Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.
Työpöytä
| Kromi | Firefox | IE | Reuna | Safari |
|---|---|---|---|---|
| 53 | 50 | Ei | 79 | 10.1 |
Matkapuhelin / tabletti
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Liittyvät ominaisuudet
Almanakka 1. heinäkuuta 2020: alueen ulkopuolella
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham