我正在使用FontAwesome在输入的占位符中包含一个图标。

这是我的代码:

<input type="password" name="password" placeholder="&#xf023; &nbsp; Password">

但是屏幕上的视图显示为“密码”。

当我将占位符的值更改为&#xf023; &nbsp; Passward或“ o”以外的其他任何字母时,其显示效果会很好。这是怎么回事?

更新:

@font-face {
    font-family: FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg');
    font-weight:400;font-style:normal;
}


上面包含此代码将导致o不会出现。

JSFIDDLE:http://jsfiddle.net/9HkRt/

最佳答案

注释中的t.neese解决了它-这只是FontAwesome版本2的一个错误。

关于html - 奇怪的FontAwesome输入占位符错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23688181/

10-12 12:46