: diapazonā - CSS-triki

Anonim

:in-rangePseido 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 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; ) Džefs Greiems