相关疑难解决方法(0)

如何在表单的输入元素中放置一个图标？

现场版:潮汐力主题

我试图在用户名输入字段中插入用户图标.

我已经尝试过类似问题的解决方案之一,background-image因为Font Awesome是一种字体,因此 知道属性不起作用.

以下是我的方法,我无法显示图标.

.wrapper input[type="text"] {
    position: relative;
}

.wrapper input[type="text"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -5px;
    content: "\f007";
}

我在默认字体awesome css中声明了字体,所以我不确定上面添加font-family是否是正确的方法.

 @font-face {
     font-family: 'FontAwesome';
     src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
     src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
 }