Html 隐藏输入类型="；“范围”；webkit中的滑块拇指

在safari 5.1和6.0之前，可以通过css隐藏滑块拇指

input[type=range].onoff::-webkit-slider-thumb,
input[type=range].onoff::-moz-slider-thumb,
input[type=range].onoff::slider-thumb {  
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    height:20px; width:20px;
    background-color:transparent;
}

还曾在chrome、ff和opera工作

现在有了safari 6.1和6.1.1，firefox 25 这个css不再隐藏滑块拇指。 我错过了什么？ 是否有更好、更有效的代码可以用来隐藏拇指

请不要使用jquery解决方案，我使用一个本地javascript插件来添加可触摸的音频控制盘，在不同的环境中工作。也许以后我也会把这个翻译成jQ。

好的，测试

看起来，以逗号分隔的选择器列表和一次将它们全部设置为ot不再起作用。所以有效代码可以是

input[type=range].onoff::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[type=range].onoff::-moz-slider-thumb {
    -moz-appearance: none;
}
input[type=range].onoff::slider-thumb {
    appearance: none;
}

---

但在FF中，我仍然无法隐藏拇指，如何使用？

Firefox使用的是“范围”而不是“滑块”。因此，如果您想在Firefox中设置拇指的样式，请使用：

：：moz range thumb

是否有IE10-11自己版本的slider thumb或range thumb？