Zakres wprowadzania danych w formacie HTML5 dla pionowej orientacji firefox?

Question

Zastanawiasz się, czy ktoś tam wie, czy orientacja pionowa w zakresie typów input jest możliwa w FireFox.

wiem w Chrome i Safari można zrobić:

-webkit-appearance: slider-vertical; 

Próbowałem coś takiego Firefox:

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

Mimo że powoduje to efekt, jaki chciałbym uzyskać, ustawienie domyślnego wskaźnika zakresu input nadal wymaga przeciągnięcia w lewo i w prawo, aby zmiana uległa zmianie, a nie w górę iw dół zgodnie z oczekiwaniami.

Tutaj jest Example, muszą być wyświetlane w FireFox.

Wszelkie nowe i ekscytujące informacje na ten temat będą bardzo doceniane, dzięki!

Answer 1

Wygląda na to, że w najnowszych aktualizacjach Firefoksa rozwiązały ten problem. Oto aktualizowane fiddle

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

a 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

Czy zastanawiałeś się nad wdrożeniem suwaka jqueryui? http://jqueryui.com/demos/slider/#slider-vertical

Answer 3

Firefox nie obsługuje <input type="range">. Twój przykład to: fryn's slider polyfill, więc musisz zgłosić błąd w narzędziu do śledzenia błędów github fryn.