如何在 rails4 的 f.submit 中给出图标 class

Question

嗨，我想在我的 rails 代码中提供这个

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

为此，我用 rails 表格写了这篇文章

<div class="col s12 center-align">
   <%= f.submit 'Submit<i class="mdi-content-send right"></i> ', :class => 'btn waves-effect waves-light btn-large custom_btn_gray'%>
 </div>

所以上面的 rails 形式代码给出了这种 html

<div class="col s12 center-align">
    <i class="btn waves-effect waves-light btn-large custom_btn_gray waves-input-wrapper" style=""><input type="submit" class="waves-button-input" value="Submit&lt;i class=&quot;mdi-content-send right&quot;&gt;&lt;/i&gt; " name="commit"></i>
 </div>

请指导我如何解决。提前致谢。

Answer 1

您可以使用

格式化按钮中的内容

<%= f.submit class: 'btn waves-effect waves-light btn-large custom_btn_gray' do %>
  Submit
  <%= content_tag 'i', '', class: 'mdi-content-send right' %>
<% end %>

Answer 2

您可以使用 button_tag 代替：

<div class="col s12 center-align">
   <%= button_tag( :class => "btn waves-effect waves-light btn-large custom_btn_gray") do %>
      Submit <i class="mdi-content-send right"></i>
   <% end %>
</div>

Answer 3

嗨，只需简单地复制就解决了这个问题

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

这在我的表单中和我的表单中也能正常工作。

如何在 rails4 的 f.submit 中给出图标 class

How to give icon class in f.submit in rails4

html

css

views

ruby-on-rails