Question

我很难在导轨5的form_for中输入我的输入图标！我已经尝试了很多不同的方法，但没有任何工作

<div class="form-group">
  <%= f.label :name %>
  <%= f.text_field :name,  class: "form-control" do %>
    <%= fa_stacked_icon "twitter", base: "square-o" %>
  <% end %>
</div>

我想知道如何在输入中设置图标谢谢

Answer 1

你需要使用CSS，这里有：

转到here并获取所需图标的unicode值。
使用value方法将placeholder或input属性添加到您的raw（否则会输出代码）。
< / LI>
使用input为"font-family: 'FontAwesome';"添加样式。

例如（使用stack-overflow代码）：

<div class="form-group">
  <%= f.label :name %>
  <%= f.text_field :name, class: "form-control", value: raw("&#xf16c;"), style: "font-family: 'FontAwesome';" %>
</div>

你很高兴去;检查代码段：

＆＃13;

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

<input type="text"
       value="&#xf16c;"
       style="font-family: 'FontAwesome';"/>

＆＃13;

Answer 2

这将使图标在文本框的开头保持可见：

<div class="form-group">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text"><%= fa_icon "twitter" base: "square-o" %></span> 
        </div>
        <%= f.text_field :name, class: "form-control" %>
    </div>
</div>

rails 5和输入中的字体真棒图标

2 个答案: