简单形式内的图标
马丁·克尔克哈特（Martijn Kerckhaert）
我在Rails应用程序中使用simple_form_for，我需要重新创建如下内容：
我目前能够重新创建框本身以及带有占位符的框，但是这些图标似乎对我不起作用。
我找不到如何在文本字段本身内添加例如fontawesome图标的方法。
任何帮助将不胜感激。
威发
您可以text-indent在输入中使用：这是代码
.input-group {
position: relative;
width: 50%;
}
input {
text-indent: 20px;
width: 100%;
}
i {
position: absolute;
right: 0;
}<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="input-group">
<i class="fa fa-fw fa-user"></i>
<input type="name" placeholder="Name">
</div>
<div class="input-group">
<i class="fa fa-fw fa-envelope-o"></i>
<input type="email" placeholder="Email">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
用简单的形式选择
- 2
简单形式的滑轨-样式
- 3
简单的 Clojurescript 形式
- 4
简单的桌面图标
- 5
简单的Zenity脚本-选择图标？
- 6
简单形式“选择”的YAML翻译
- 7
简单形式和返回的参数
- 8
简单形式中的嵌套元素
- 9
使简单形式的单选按钮隐藏
- 10
CodeIgniter 以 Bootstrap 形式简单登录
- 11
为什么这种简单的SVG图标缩放？
- 12
如何仅使用 css 显示简单图标
- 13
Ajax形式内的Ajax形式
- 14
应用内简单教程
- 15
Windows徽标是否以图标形式存在？
- 16
通过简单的形式从哈希动态创建输入
- 17
带有Rails简单形式的Foundation 6
- 18
Ruby：将简单形式嵌入引导模态
- 19
Scala中最简单的过程通讯形式
- 20
symfony2中的简单形式
- 21
简单的jQuery自定义向导形式
- 22
将父值传递给简单形式
- 23
简单形式的未定义方法路径
- 24
Rails，flatpickr以简单形式无法正常工作
- 25
以最简单的形式在map（）中应用KeyPath
- 26
奇怪“ ifelse”并不总是“ if”的简单形式
- 27
Rails设置范围，用于简单形式关联
- 28
一个简单的“复制形式”命令
- 29
不只是简单的嵌套形式
我来说两句