如何在text_field_tag中添加图标

时间:2015-01-30 21:03:45

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

我使用Rails 4和Font Awesome(sass)。我想在搜索功能的左侧添加一个图标,就像在Stack Overflow上一样。这是我的搜索功能代码。

index.html.erb

<%= form_tag products_path, method: :get do %>
  <%= text_field_tag :query, params[:query], placeholder: "Search..." %>
<% end %>

我将如何添加:

<%= icon 'search' %> 

进入我的text_field_tag,这样我也可以设置图标样式?感谢。

1 个答案:

答案 0 :(得分:2)

实现此目的的最简单方法是将输入和图标放在一个容器(formdiv)中,并使用css将图标放在搜索字段和样式旁边比赛。

快速要点http://sassmeister.com/gist/77508f4dccce9ced82c6

相关问题