添加CSS到rails形式助手

我想添加一个CSS类到rails形式助手。尽管如此，css类旨在用于输入标签的div中。这就是为什么没有风格适用于滑块，我想。添加CSS到rails形式助手

内部形状原始语法：窗体标记内

<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

编辑：添加图像

来源

2017-05-31 JustusP

如果你需要围绕输入该分区，那么你可以简单地标记它在你的模板，并有在它的实际形式助手：

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

来源

2017-05-31 12:11:41

谢谢，我不知道你可以在表单标签中定期标记。尽管如此，它仍然不具有它的风格。 – JustusP

我不确定你用什么样式的图案。你确定css和js文件都在资产管道中，并作为源出现在调试控制台中吗？此外，如果涉及JS，则可能需要先启动它。如果没有更多的信息，这很难找到。 –

这是一个自定义的内部库。所有资产都在适当的目录中，并在调试中显示为源。 – JustusP

我不得不添加:'data-init' => 'auto'到range_field标签

来源

2017-06-02 09:10:27 JustusP

添加CSS到rails形式助手

回答

相关问题