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>

所以为此我用铁轨形式写了这个

<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 form code给出了这种类型的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

您可以改为使用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 2

您可以使用

格式化按钮中的内容

<%= 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 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中给图标类

3 个答案: