숨기기 입력 유형 = "범위"사파리 5.1까지 웹킷

Question

에서 슬라이더 - 엄지와 아마 6.0은

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

CSS를

를 통해 크롬, FF, 오페라도했다 슬라이더 - 엄지 손가락을 숨길 수 있었다.

사파리 6.1 및 6.1.1, firefox 25 이 CSS는 더 이상 슬라이더 - 엄지를 숨기지 않습니다. 나는 무엇을 놓쳤는가? 거기에 엄지 손가락을 숨기는 데 사용할 수있는 더 유효한 코드가 있습니까?

제발 jquery 솔루션을 제발, 나는 서로 다른 환경에서 일하는 touchable audio-wheels를 추가하기위한 기본 javascript 플러그인을 작성합니다. 어쩌면 나중에 jQ로 변환 할 것입니다.

Answer 1

좋아 testet ..

는 쉼표 선택기 목록 및 설정 분리, 보이는 모든 하다며 한 번 더 이상 작동하지 않습니다. 그래서 유효한 코드가 될 수 있습니다 ..

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로 엄지 손가락을 숨길 수 없습니까?