HTML5输入类型范围为firefox方向垂直？

Question

想知道是否有人知道inputFireFox中是否可以在类型范围上进行垂直方向.

我知道在Chrome和Safari中你可以做到:

-webkit-appearance: slider-vertical;

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

即使这确实产生了我想要的效果,范围input默认指针的方向仍然需要左右拖动才能更改,而不是按预期上下移动.

这是一个示例,必须在FireFox中查看.

关于这个主题的任何新的和令人兴奋的信息将非常感谢,谢谢!

Answer 1

看起来在 Firefox 最近的更新中，他们已经解决了这个问题。这是更新的小提琴

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

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