:in-range
Pseido selektors CSS atbilst ievades elementi, ja to vērtība ir robežās norādīts kā pieņemams. Tā ir daļa no CSS Selectors 4. līmeņa specifikācijas, kas pašlaik ir redaktora melnrakstā.
input:in-range ( border: 5px solid green; )
Es uzskatu, ka tas attiecas tikai uz input(type=number)
. Diapazona ievadi nepieļauj vērtības ārpus to min / max, un tas nav jēgas citiem ievades veidiem. Varbūt teksta-y ievade ar maksimālo garumu, bet lielākā daļa pārlūkprogrammu lietotāju uzvedība tomēr ir novērst to, ka ievadīšana pārsniedz maksimālo vērtību.
Demonstrācija
Tāpat kā iepriekš minētajam kodam, arī šai ievadei būs zaļa apmale, ja tās vērtība būs no 5 līdz 10.
Pārlūkprogrammas atbalsts
Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.
Darbvirsma
Chrome | Firefox | IE | Mala | Safari |
---|---|---|---|---|
53 | 50 | Nē | 79 | 10.1 |
Mobilais / planšetdators
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81. | 10.3 |
Saistītās īpašības
Almanahs 2020. gada 1. jūlijā: ārpus diapazona
input:out-of-range ( border: 5px solid red; )




