创建自定义的输入类型范围的跨浏览器

Question

我试图用一些CSS来定制的HTML5输入类型=种类的标签，所以到目前为止，我已经使用WebKit的取得了一句：

div#timeline input[type="range"] { 
    -webkit-appearance: none; 
    background-color: darkgray; 
    height: 2px; 
     border-right: black solid 4px; 
     border-left: black solid 4px; 
} 

div#timeline input[type="range"]::-webkit-slider-thumb { 
    -webkit-appearance: none; 
    position: relative; 
    top: 0px; 
    z-index: 1; 
    width: 16px; 
    height: 8px; 
    background: #696060; 
} 

但是好像这仅适用于Chrome，是否可以制作自定义滑块，以便每个浏览器都相同？ 我正在考虑制作一些能够模拟输入范围行为的东西，但是我在网上找不到任何东西，而且我用JavaScript和东西很新。

Answer 1

您可以尝试使用一些JavaScript库，如jQueryUI或jQueryTools 。最后一个具有非常简单的演示：

http://jquerytools.org/release-notes/index.html#form

Unfortunaly输入范围不能与只是纯粹的CSS跨浏览器的方式，现在的风格，我们需要等待多一点点。