CSS в input type=range

[alavrova_78]

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


https://jsfiddle.net/xaz61cqz/

[Mess4me]

alavrova_78,
как пример

[alavrova_78]

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

[mikhail.golovkin]

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

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

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