这行代码有什么问题?
<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>
这确实产生了:
显然我的html_safe调用没有做任何事情。
背景
我正在使用Twitter Bootstrap以及Font Awesome,我实际上是在尝试实现一个带有图标的提交按钮。
答案 0 :(得分:15)
为了扩展Lukas的答案,我需要一个按钮标签而不是输入。这段代码产生了我想要的效果:
<button type="submit" class="btn btn-danger">
Delete <i class="icon-check"></i>
</button>
导致:
我找到了我正在寻找的答案here。
答案 1 :(得分:3)
它出了什么问题?提交按钮值不应包含嵌入的HTML代码。
这是提交按钮在HTML中的显示方式:
<input type="submit" value="Submit" />
value
属性中的HTML标记被解释为文本,而不是HTML:
<input type="submit" value="<i>Submit</i>" />
答案 2 :(得分:0)
<%= form.button :submit, class: 'btn btn-success' do %>
<i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>
这是一个很好的答案。