如何在按钮内显示字形?

时间:2015-12-27 13:10:16

标签: ruby-on-rails ruby font-awesome

在表单中,我有以下提交按钮:

<%= f.submit "Send message".html_safe, class: "buttony" %>

我在我的应用中使用font-awesome没有问题,但是如果我尝试使用下面的代码在按钮内添加一个字形,<i class='fa fa-envelope'></i>代码显示为文本而字形不是显示。

我做错了什么?它可能与一行中的两个班级有关吗?

<%= f.submit "<i class='fa fa-envelope'></i> Send message".html_safe, class: "buttony" %>

更新:从代码中删除html.safe没有任何区别。浏览器中页面的源代码是:

<input type="submit" name="commit" value="<i class='fa fa-envelope'></i> Send message" class="buttony" />

2 个答案:

答案 0 :(得分:1)

只需使用常规HTML按钮即可:

<button class="buttony" type="submit">
  <i class="fa fa-envelope"></i>
  Send message
</button>

答案 1 :(得分:0)

关注Halil Özgür Answer您可以重写为

<%= button_tag(type: 'submit', class: "buttony", value: 'Send message') do %>
        <i class="fa fa-envelope"></i>
<% end %>