css - 将 CSS 添加到 Rails 表单助手

Question

我想向 Rails 表单助手添加一个 CSS 类。不过，css 类旨在用于输入标签周围的 div 中。我猜这就是为什么没有样式应用于 slider 的原因。

表单内的原始语法:

<div class="range range--light">
          <input type="range" data-init="auto" id="slider3" min="0" max="100" value="<%= @subproject_value1 %>" step="1">
          <output for="slider3">0</output>
</div>

markup

表单标签内的 Rails 表单助手:

<%= range_field(:subproject, :ans1, in: 1..100, :class => "range range--light") %>

form helper

编辑:添加图片

Answer 1

如果您需要围绕输入的那个 div，那么您可以简单地在模板中标记它并在其中包含实际的表单助手:

<div class="range range--light">
    <%= range_field(:subproject, :ans1, in: 1..100, id: 'slider3'%>
    <output for="slider3">0</output>
</div>