: в обхвата - CSS-трикове

На :in-rangeселектора псевдо в CSS съвпада входни елементи, когато стойността им е в границите, определени като приемлива. Той е част от спецификацията CSS Selectors Level 4, която в момента е в Чернова на редактора.

input:in-range ( border: 5px solid green; )

Вярвам, че е от значение само за input(type=number). Входовете за диапазон не позволяват стойности извън техните min / max и това няма много смисъл за всеки друг тип вход. Може би въвеждането на текст с y с максимална дължина, но поведението на тези в повечето браузъри е така или иначе да предотврати влизането след максималната.

Демонстрация

Подобно на кода по-горе, този вход ще има зелена граница, когато стойността му е между 5 и 10.

Поддръжка на браузър

Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.