Ruby on rails 将rails中的提交按钮替换为glyphicon

Ruby on rails 将rails中的提交按钮替换为glyphicon,ruby-on-rails,submit,glyphicons,Ruby On Rails,Submit,Glyphicons,快速提问。我有: <%= f.submit "Like", class: "btn btn-large btn-primary" %> 我想将整个按钮替换为: <span class="glyphicon glyphicon-thumb-up"></span> 象征 在rails中,用拇指向上图标替换submit按钮的正确方法是什么,但让它做同样的事情 更新 我发现: <%= button_tag(type: 'submit', class:

快速提问。我有:

<%= f.submit "Like", class: "btn btn-large btn-primary" %>

我想将整个按钮替换为:

<span class="glyphicon glyphicon-thumb-up"></span>

象征

在rails中,用拇指向上图标替换submit按钮的正确方法是什么,但让它做同样的事情

更新

我发现:

<%= button_tag(type: 'submit', class: "btn btn-primary") do %>
  <span class="glyphicon glyphicon-thumbs-up"></span> 
<% end %>

但唯一的问题是,这仍然显示图标后面的按钮(即使我删除了btn btn primary)。有人知道怎么去掉这个按钮吗


谢谢大家!

对不起,一开始我不太明白。 为了避免按钮,您实际上有两种方法:

  • 将一些css应用于按钮,使其变得透明,只留下图标可见:

    背景:透明; 边界:无; 填充:0

  • 将rails submit替换为jquery(或类似的)submit。比如:

    $('span.glyphicon')。单击(函数(){$('my#u form')。提交()

在Rails3之前,人们可以使用link_to_函数或link_to_远程助手来调用js函数,但由于Rails4,这已经不可能了。 再看一看,这里


希望这能有所帮助

我发现这个方法适用于使用仅包含图标的按钮提交表单:


glyphicon类是一个复选框,而不是竖起大拇指,引导btn样式是
默认
而不是
,但它应该做同样的事情。

您可以向按钮添加以下类以隐藏按钮背景

    .like-page{
      background: none;
      border: none;
    }

看看这个:谢谢你。更新的问题:)我花了一段时间自己寻找这个问题的答案。结果就是在没有表单助手的情况下硬编码。希望你会有更好的运气。谢谢@toolz我会试试。按钮的外观来自你的CSS类“btn btn primary”。不过,你不需要像按钮一样的按钮……非常感谢!事实上,我已经决定用另一种方式去做,但如果我想回去的话,这很好。我会为其他人接受答案:)