Font Awesome 的 unicode 在固定占位符中不起作用
Font Awesome's unicode not working in fixed placeholder
我按照 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 图标。
我在哪里错过了什么?
试试这个
content: " ("")";
您的 unicode 字符表示法不正确。
对于 CSS,您应该将 &#x
替换为简单的反斜杠 \
。还应删除末尾的 ;
。
这是你应该做的改变:
 => \f0e0
试试这个:
.email-container:after {
position: absolute;
right: 5px;
color:#999999;
top: 10px;
content: '\f0e0'; // <-- changed line
font-family: FontAwesome;
}
我按照 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 图标。
我在哪里错过了什么?
试试这个
content: " ("")";
您的 unicode 字符表示法不正确。
对于 CSS,您应该将 &#x
替换为简单的反斜杠 \
。还应删除末尾的 ;
。
这是你应该做的改变:
 => \f0e0
试试这个:
.email-container:after {
position: absolute;
right: 5px;
color:#999999;
top: 10px;
content: '\f0e0'; // <-- changed line
font-family: FontAwesome;
}