Стилирование управления входным диапазоном HTML5 с помощью CSS?

Если да, то как? Я хочу, чтобы слайдер выглядел так:

Это связано с изменением цвета перетаскиваемой точки и ползунка, а также смены их размеров. Любая помощь будет оценена.

Ответ 1

вы можете сделать это в WebKit точно. здесь быстрый пример: http://jsfiddle.net/jalbertbowdenii/7Nzgw/3/

уверен, что вы можете создавать кросс-браузер, если вы используете modernizr, @наименее для современных браузеров. Но я предполагаю. вы можете найти более подробную информацию здесь: http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range