Вопросы к Поиску с Алисой
Отсутствие кросс-браузерной поддержки стилизации прогресс-бара для слайдера диапазона связано с различиями в реализации веб-компонентов в разных браузерах. blog.logrocket.com msiter.ru
Каждый браузер отображает элемент ввода с типом «range» по-своему, поэтому для создания целостного внешнего вида необходимо использовать специфичные префиксы свойств. msiter.ru
Например, в браузерах на движке WebKit (например, Chrome и Safari) используют префикс -webkit, в Firefox — префикс -moz, в Internet Explorer стили задаются через -ms. sky.pro
Кроме того, элементы и стили слайдера внутри браузеров скрыты в теневом DOM, что также влияет на сложность стилизации. blog.logrocket.com
Для обхода этих ограничений можно использовать, например, добавление ползунку границы в виде градиента в свойстве border-image. doka.guide