作者:mimiku2z_818 | 来源:互联网 | 2023-05-21 18:10
我正在制作一个表单,我想在输入字段上使用Font-Awesome图标.
这是我的HTML代码.
我想在输入字段上显示图标.目前它显示在我的输入字段之上.
1> Sleek Geek..:
有很多方法可以实现这一目标.请按照以下方法并根据需要进行调整.
span {
position: relative; /* Helps curtail overlap */
border: solid 1px #bbb;
padding: 3px 5px 5px 25px; /* Adjust as needed */
}
span input {
border: none;
}
span:before {
content: '\f007';
position: absolute;
left: 5px;
font-family: fontAwesome;
color: #888; /* Your desired color */
}