Как убрать ползунок range?

Question

[Yan Vetrov]

Как убрать ползунок в input range?

Answer 1

[Yan Vetrov]

Решение:

input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none !important;
height: 0px;
width: 0px;
}

Answer 2

[Антон Усачев]

input[type=range] {
    -webkit-appearance: none; // необязательно, но, судя по всему, пригодится
}
input[type=range]::-webkit-slider-thumb {
    display: none; 
}

Comments

[Yan Vetrov]

Решение хорошее, но есть проблема - в таком случае range вообще не отвечает на события пользователя.

[Антон Усачев]

Yan Vetrov, ну так вопрос был "как убрать", а не "как скрыть".. =)
В таком случае, ширину/высоту лучше все-таки оставить в покое, и дать бегунку opacity: 0