Получи случайную криптовалюту за регистрацию!

input[type='range'], кроссбраузерные стили Тип инпута, в котор | ежица-разработчица

input[type="range"], кроссбраузерные стили
Тип инпута, в котором значение выбирается с помощью ползунка:

Его стилизация на чистом css — непростая задача, но кроме этого внешний вид может отличаться в разных браузерах.

Существуют генераторы стилей для этого элемента — генератор ниже позволяет задать стили с префиксами для:
всего инпута: общую высоту и класс
track, trumb, progress: цвет, цвет границы, размер, цвета для состояний :hover и :active, в том числе градиент
другие параметры

https://toughengineer.github.io/demo/slider-styler/slider-styler.html