CSS修改input[type=range]滑块样式_html/css_WEB-ITnose

input[type="range"]是html5中的input标签新属性，样子如下：

< input type ="range" value ="40" />

如果想让此滑块效果如下图所示，怎么做呢？

以下是样式部分：