Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Alexander_Webov
@Alexander_Webov
JavaScript
HTML
CSS
Как стилизовать input range?
Всем привет!
Подскажите плагин или как стилизовать input range, что бы прогресс фиксировался в 4-х позициях.
Вопрос задан
более трёх лет назад
286 просмотров
1
комментарий
Подписаться
2
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Я бы убрала нативную полоску. На фоне нарисовала бы нужную, красивую.
И дальше max=3 step="1".
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
iBird Rose
@iiiBird
Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
seiyria.com/bootstrap-slider/#example-13
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Alexander_Webov
@Alexander_Webov
Автор вопроса
подскажите пожалуйста без подключения бутстрапа?
Написано
более трёх лет назад
Anton Polyakov
@CIDBerlin
Junior front-end developer
В идеале выставить в input min="0", max="100", step="25".
А по внешней стилистике ищи свойства псевдоэлементов input type range в поисковике. Если не ошибаюсь, то для разных браузеров они разные.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Сергей
@SKolt
https://www.instagram.com/seregamih/
Попробуйте:
https://refreshless.com/nouislider/
Удобный в работе, много настроек. И стилизовать можно как угодно.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
56 минут назад
32 просмотра
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
21 час назад
93 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
вчера
360 просмотров
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
339 просмотров
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
03 июн.
119 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
75 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
178 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
628 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1003 просмотра
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1425 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама