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

Автор Сообщение
news_bot ®

Стаж: 6 лет 9 месяцев
Сообщений: 27286

Создавать темы news_bot ® написал(а)
10-Июл-2021 19:31


https://toughengineer.github.io/demo/slider-styler
(смотерть лучше на десктопе)Работает со всеми популярными браузерами:
  • Chrome
  • Firefox
  • Safari
  • новый Edge (на Chromium)
  • старый Edge (не на Chromium, ныне почивший)
Позволяет легко стилизовать цвет, размер, толщину и радиусы скругления границ, тень для ручки и трека. Можно грабить корованы.Также позволяет стилизовать т.н. прогресс (когда с одной стороны ручки цвет трека отличается от цвета с другой стороны), хотя для поддержки этого в браузерах на Chromium нужен небольшой скриптец.Не предоставляет исчерпывающие возможности по стилизации, но может использоваться как удобно и быстро генерируемый начальный шаблон.Бесплатно, без СМС.
===========
Источник:
habr.com
===========

Похожие новости: Теги для поиска: #_css, #_html, #_input[type=range], #_input, #_range, #_slider, #_css, #_style, #_html, #_css, #_html
Профиль  ЛС 
Показать сообщения:     

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

Текущее время: 22-Ноя 13:57
Часовой пояс: UTC + 5