添加字體真棒圖標軌提交

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" %>