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: '&#xf0e0;';
    font-family: FontAwesome;
}

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

Answer 1

试试这个

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

Answer 2

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

这是你应该做的改变：

 => \f0e0

试试这个：

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

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

Font Awesome's unicode not working in fixed placeholder

css

unicode

font-awesome