Phạm vi loại đầu vào HTML5 cho định hướng firefox theo chiều dọc?

Question

Đã tự hỏi liệu có ai biết điều đó nếu định hướng dọc trên một phạm vi loại input là có thể trong FireFox.

Tôi biết trong Chrome và Safari, bạn có thể làm:

-webkit-appearance: slider-vertical; 

Và tôi đã cố gắng một cái gì đó như thế này trong 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); 
} 

Mặc dù điều này tạo ra hiệu ứng mà tôi muốn, hướng của dải số input con trỏ mặc định vẫn yêu cầu một để kéo trái và phải để nó thay đổi và không lên và xuống như mong đợi.

Đây là số Example, phải được xem trong FireFox.

Bất kỳ thông tin mới và thú vị nào về chủ đề này sẽ được đánh giá rất cao, cảm ơn!

Answer 1

Dường như trong các bản cập nhật gần đây cho Firefox, họ đã giải quyết được sự cố này. Dưới đây là các cập nhật fiddle

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

Và 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

Bạn đã xem xét việc xem xét triển khai thanh trượt jqueryui chưa? http://jqueryui.com/demos/slider/#slider-vertical

Answer 3

Firefox không hỗ trợ <input type="range">. Ví dụ của bạn đang sử dụng fryn's slider polyfill, vì vậy bạn cần phải gửi lỗi trên trình theo dõi vấn đề github của fryn.