css - Font Awesome 的 unicode 在固定占位符中不起作用

Question

我关注了this question在输入的末尾有一个占位符，该占位符在填充时不会消失(例如，参见 Airbnb 的登录模式)。

但是，我使用了 Font Awesome 的 unicode 并添加了字体系列属性，但它不起作用:

.email-container {
   width:100%;
    position: relative;
    float: left;
}

.email-container:after {
    position: absolute;
    right: 5px;
    color:#999999;
    top: 10px;
    content: '';
    font-family: FontAwesome;
}

我在行尾有  我正在尝试添加 fa-envelope 图标。 我在哪里错过了什么？

Answer 1

您的 unicode 字符表示法不正确。 对于 CSS，您应该将 &#x 替换为简单的反斜杠 \。还应删除末尾的 ;。

这是你应该做的改变:

 => \f0e0

试试这个:

.email-container:after {
    position: absolute;
    right: 5px;
    color:#999999;
    top: 10px;
    content: '\f0e0'; // <-- changed line
    font-family: FontAwesome;
}