使用CSS设计HTML5的输入范围控件?

时间:2011-11-20 00:49:32

标签: css html5 input slider range

如果是这样,怎么样?我想让滑块看起来像这样: enter image description here

其中涉及更改可拖动点和滑块的颜色,以及更改其大小。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:17)

你可以在WebKit中做到这一点。这是一个简单的例子: http://jsfiddle.net/jalbertbowdenii/7Nzgw/3/

非常确定你可以设置跨浏览器的样式,如果你正在使用modernizr,@至少用于现代浏览器..但我假设。 您可以在这里找到更多信息: http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range