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替换\。最后还应删除;。

以下是您应该做的更改：

  

＆安培; #x中的 f0e0 ; =＆GT; \的 f0e0

试试这个：

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

Answer 2

试试这个

content: " ("&#xf0e0")";