aż do safari 5.1 i może 6.0 można było ukryć suwak za pomocą 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;
}

pracował również w chromie, ff i operze.

teraz z safari 6.1 i 6.1.1, firefox 25 to css nie ukrywa już suwaka. co mnie ominęło? czy istnieje lepszy, bardziej poprawny kod, którego mogę użyć do ukrycia tylko kciuka?

nie ma żadnych rozwiązań jquery, pracuję nad natywną wtyczką javascript, aby dodać dotykowe kółka audio, pracujące w różnych środowiskach. Może później przetłumaczę to również na jQ.