2015-01-30 3 views
0

Я использую Rails 4 и шрифт Awesome (sass). Я хотел бы добавить значок в левую часть функции поиска, как и в Stack Overflow. Это мой код для функции поиска.Как добавить значок внутри text_field_tag ​​

index.html.erb

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

Как бы идти о добавить:

<%= icon 'search' %> 

в мой text_field_tag, так что я могу также стиль значок? Благодарю.

ответ

2

Самый простой способ сделать это - поместить вход и значок вместе в контейнер (form или div) и использовать css для размещения значка рядом с полем поиска и стилем для соответствия.

быстрая сборка http://sassmeister.com/gist/77508f4dccce9ced82c6

+0

Это не рельсы! Вы не ответили. Просто покажите простой файл css –

+0

Пожалуйста, ответьте на вопрос. Как уже писал Фай, просто css. – parzival

Смежные вопросы