CSS в input type=range
 

Всем привет!
Ползунок находится как бы внутри линии, по которой он ходит.
Как сделать так, чтобы ползунок ( slider-button.png ) был больше этой самой линии, как бы сверху?


https://jsfiddle.net/xaz61cqz/

alavrova_78,
как пример

Mess4me,
нет, этот вариант не подходит.

Здравствуйте!

По настройке таких типов полей ввода вы можете прочитать, например, здесь: https://css-tricks.com/styling-cross...ge-inputs-css/. Возможно, где-то есть вариант на русском, к сожалению, ничего не знаю о его существовании. :)

Стилизовать надо не сам input, а немного другие странные элементы, которые он содержит (track, thumb). :)
Ну, и убрать overflow: hidden.