Firefox oryantasyonu için HTML5 giriş tipi aralığı dikey mi?

Question

Dışarıda birisinin, input tip aralığındaki dikey yönlendirmenin FireFox'ta mümkün olup olmadığını bilmesini ister miydi?

-webkit-appearance: slider-vertical; 

Ve FireFox'ta böyle bir şey denedim:

ben yapabileceğiniz Chrome ve Safari biliyoruz

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

İstenecek etkiyi yaratsa da, input varsayılan işaretçisinin yönelimi hala birisinin sola ve sağa doğru sürüklenmesini ve beklendiği gibi yukarı ve aşağı sürüklemesini gerektirir.

Burada bir Example görüntüleniyor, FireFox içinde görüntülenmelidir.

Konuyla ilgili her yeni ve heyecan verici bilgi çok takdir edilecektir, teşekkürler!

Answer 1

Firefox için yapılan son güncellemelerdeki gibi görünüyor, bu sorunu çözdüler. İşte

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

fiddle Ve 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 kaydırıcı uygulamasına bir göz atmayı düşündünüz mü? http://jqueryui.com/demos/slider/#slider-vertical

Answer 3

Firefox, <input type="range"> desteklemez. Örneğiniz fryn's slider polyfill kullanıyor, bu yüzden fryn'in github issue tracker'ında bir hata bulmanız gerekiyor.