HTML5 입력 유형 범위가 firefox orientation vertical입니까?

Question

input 범위의 수직 방향이 FireFox에서 가능한지 알고있는 사람이 있는지 궁금합니다.

-webkit-appearance: slider-vertical; 

그리고 파이어 폭스에서이 같은 시도 :

나는 당신이 할 수있는 크롬과 사파리 알고

HTML을

<input type="range" name="range" min="0" max="9" step="1" value="3" /> 

CSS

input[name=range] { 
    width: 150px; 
    height: 10px; 
    -moz-transfrom: rotate(270deg); 
} 

비록 내가 원하는 효과를 만들지 만 범위 input 기본 포인터의 방향은 좌우로 드래그하여 왼쪽과 오른쪽으로 드래그하여 변경 될 수 있으며 예상대로 위아래로 움직이지 않아야합니다.

여기는 Example입니다. FireFox에서 확인해야합니다.

제목에 대한 새롭고 흥미로운 정보를 보내 주시면 감사하겠습니다.

Answer 1

Firefox의 최근 업데이트처럼 보이지만,이 문제를 해결했습니다. 여기에

<input type="range" name="range" min="0" max="9" step="1" value="3" /> 

fiddle 그리고 CSS

input[name=range] { 
    position:relative; 
    top: 100px; 
    width: 150px; 
    height: 10px; 
    border: 0 

    -webkit-transform: rotate(270deg); 
     -moz-transform: rotate(270deg); 
      transform: rotate(270deg); 
} 

Answer 2

jqueryui 슬라이더 구현을 살펴 보셨습니까? http://jqueryui.com/demos/slider/#slider-vertical

Answer 3

Firefox는 <input type="range">을 지원하지 않습니다. 귀하의 예는 fryn's slider polyfill을 사용하고 있으므로 fryn의 github 발행 추적기에 버그를 신고해야합니다.