添加字体真棒图标轨提交

Question

我有一个窗体中的f.submit。我想添加一个字体真棒图标。但我不能。

<%= f.submit "Register", class: "button my-button", id: "register-button" %> 

我该如何添加一个字体真棒图标<i class="fa fa-lock" aria-hidden="true"></i>它？

Answer 1

另一种选择是button_tag

<%= button_tag type: 'submit', class: "button my-button", id: "register-button" do %> 
     <i class="fa fa-lock" aria-hidden="true"></i> 
    <% end %> 

Answer 2

创业板字体真棒

<%= f.button fa_icon("lock", text: "Register"), class: "button my-button", id: "register-button" %> 

带滑动导轨：

<%= f.button'<i class="fa fa-lock" aria-hidden="true"></i> Register'.html_safe, class: "button my-button", id: "register-button" %>