添加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形式助手

回答

相關問題