Ruby on Rails垂直滑块

Question

我想在我的网站上使用垂直滑块，我使用的是ruby 4.0，我可以使用

<%= f.range_field :value, :min => 0, :max => 250 %>

显示我想要的内容，但我希望这个栏是垂直的而不是水平的（默认？），反正我试过，当然要谷歌答案但是没有找到关于如何实现这一点的线索，我去了到api.rubyonrails.org的API文档，我发现的所有内容都是“接受与range_field_tag相同的选项”但是我没有在任何地方找到range_field_tag，我想知道我是否必须实施第三方解决方案......如果是这样的话，你推荐任何像图书馆一样的宝石或jquery吗？

提前感谢！

Answer 1

没有标准的方法可以做到这一点，这就是为什么rails没有为它提供任何选项的原因。你将不得不深入研究一些css来实现它。

以下是相关的SO问题Google chrome vertical <input type="range" />

Answer 2

将custom_id替换为为范围字段生成的id 并在你的CSS中添加以下代码

#custom_id {
    -webkit-appearance: slider-vertical;
}

例如：假设value是您的字段名称，则生成的ID为modelname_value