Стилизуем слайдер input range для всех популярных браузеров

https://toughengineer.github.io/demo/slider-styler
(смотерть лучше на десктопе)

Работает со всеми популярными браузерами:

• Chrome

• Firefox

• Safari

• новый Edge (на Chromium)

• старый Edge (не на Chromium, ныне почивший)

Позволяет легко стилизовать цвет, размер, толщину и радиусы скругления границ, тень для ручки и трека. Можно грабить корованы.

Также позволяет стилизовать т.н. прогресс (когда с одной стороны ручки цвет трека отличается от цвета с другой стороны), хотя для поддержки этого в браузерах на Chromium нужен небольшой скриптец.

Не предоставляет исчерпывающие возможности по стилизации, но может использоваться как удобно и быстро генерируемый начальный шаблон.

Бесплатно, без СМС.