隱藏INPUT TYPE =「範圍」滑塊拇指WebKit中

直到狩獵5.1和6.0可能是可能通過CSS隱藏INPUT TYPE =「範圍」滑塊拇指WebKit中

隱藏滑塊拇指

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; 
}

在鉻，FF和歌劇也工作。

現在safari 6.1和6.1.1，firefox 25 此css不再隱藏滑塊縮略圖。我錯過了什麼？有沒有更好的，更有效的代碼，我可以用來隱藏大拇指？

請不要jQuery解決方案，我的工作原生JavaScript插件添加可觸摸的音頻輪，在不同的環境中工作。也許以後我會把它翻譯成jQ。

來源

2013-11-21 Ol Sen

好testet ..

的樣子，用逗號分隔的選擇列表和設置他們都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我不能隱藏拇指，怎麼樣？

來源

2013-11-21 03:01:25

Firefox使用「範圍」而不是「滑塊」。所以如果你想風格的拇指在Firefox中使用：':: moz-range-thumb' – johannestroeger

有IE10-11自己的版本的滑塊拇指或範圍拇指？ –

隱藏INPUT TYPE =「範圍」滑塊拇指WebKit中

回答

相關問題