Question

我想使用带图标的rails替换simple_form提交按钮的文本。

这是我到目前为止所做的：

<div class="small-3 columns">
  <%= f.submit class: 'button postfix' do %><i class="fa fa-paper-plane"></i><% end %>
</div>

这通常适用于link_to助手，但它似乎不适用于rails gem simple_form使用的表单助手。

Answer 1

也许是这样：

<div class="small-3 columns">
  <%= button_tag type: 'submit', class: "button postfix" do %>
      <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
  <% end %>
</div>

Answer 2

<%= f.button '', {class: 'button postfix'} do %><i class="fa fa-paper-plane"></i><% end %>

Answer 3

可以通过删除提交按钮内容并向其添加图标来完成。

HTML

  <button type="submit"><i class="icon"></i></button>

CSS

button{ border:0; background:none;}
.icon{//style to add icon}

Answer 4

您可以使用:button类型作为按钮输入类型来传递带有自定义html的块。简单形式是Rails助手的包装，它使用rails's FormBuilder API，而FormBuilder使用rails's button_tag API。以下示例使用Slim作为模板语言：

= f.button :button do
  i.fa.fa-check

在Rails中向simple_form提交按钮添加一个图标

4 个答案: