Css 简单表单中的图标

Css 简单表单中的图标,css,ruby-on-rails,simple-form,Css,Ruby On Rails,Simple Form,我正在rails应用程序中使用simple_form_for,我需要重新创建如下内容: 我目前能够重新创建框本身和占位符,但图标似乎不适合我 我找不到如何在文本字段本身中添加图标 任何帮助都将不胜感激。您可以在输入上使用文本缩进:这是代码 。输入组{ 位置:相对位置; 宽度:50%; } 输入{ 文本缩进:20px; 宽度:100%; } 我{ 位置:绝对位置; 右:0; } 您可以在输入上使用文本缩进:这是代码 。输入组{ 位置:相对位置; 宽度:50%; } 输入{ 文本缩进:20px

我正在rails应用程序中使用simple_form_for,我需要重新创建如下内容:

我目前能够重新创建框本身和占位符,但图标似乎不适合我

我找不到如何在文本字段本身中添加图标


任何帮助都将不胜感激。

您可以在输入上使用
文本缩进:这是代码

。输入组{
位置:相对位置;
宽度:50%;
}
输入{
文本缩进:20px;
宽度:100%;
}
我{
位置:绝对位置;
右:0;
}

您可以在输入上使用
文本缩进
:这是代码

。输入组{
位置:相对位置;
宽度:50%;
}
输入{
文本缩进:20px;
宽度:100%;
}
我{
位置:绝对位置;
右:0;
}