Question

直到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。

Answer 1

好的测试..

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

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我无法隐藏拇指，怎么样？

在webkit中隐藏输入类型=“范围”slider-thumb

1 个答案: