Question

我正在开发一个rails项目，它正在使用bootstrap，我想将一个很棒的字体图标嵌入到文本字段的占位符中。代码如下所示：

#search
  = form_for :search, url: topic_search_path do |f|
    = f.text_field :search_query, placeholder: "Search for topics..."

我知道我应该通常制作一个斜体标签，该类是我想要引用的图标，但我很遗憾我应该如何嵌入到占位符中，更不用说在轨道中了form_for用HAML编写的块。非常感谢任何帮助。

Answer 1

您可以使用实体以旧式方式指定plaeholder值的字符，只要您首先设置input的样式，以便字体为{{1 （或者至少堆栈中的第一个字体是FontAwesome。

例如，如果您想使用位于代码点FontAwsome的{{3}}（代码点位于图标网页上），那么您希望生成类似这样的内容（假设您为页面设置了Font Awesome：

F002

要从<style> input /* be more selective here if you want */ { font-family: FontAwesome; } </style> <input placeholder=" Search for topics...">方法生成此方法，只需将实体作为选项哈希中text_field键值的一部分传递（您可能需要在此使用placeholder，I没有测试最后一点）：

.html_safe

（您仍然需要设置= f.text_field :search_query, placeholder: " Search for topics..."的样式，以便它使用正确的字体，如上所述。）

使用HAML在Rails text_field占位符中嵌入Css

1 个答案: