字体真棒的unicode不工作在固定的占位符

我跟着this question有一个占位符在输入的末尾，填补时不会消失（比如Airbnb的登录模式）。字体真棒的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-信封图标。我在哪里错过了什么？

来源

2016-03-07 Graham Slick

图标，你想用哪个呢？ –

编辑它：我想要fa-envelope图标。它确实存在： fa-envelope [＆＃xf0e0;] 括号是否必需？我以前使用Font Awesome的unicodes，没有它，它工作。 https://fortawesome.github.io/Font-Awesome/cheatsheet/ –

您有不正确的Unicode系统字符符号。对于CSS，您应该用简单的反斜杠\替换&#x。最后还应该删除;。

这里的变化，你应该做的：

& #X f0e0; => \ f0e0

试试这个：

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

来源

2016-03-07 10:47:59

工作过，谢谢！但是，我应该什么时候使用这个符号而不是他们的备忘单中提供的符号？我已经使用'＆＃xf0e0;'符号之前，它工作得很好。 –

'＆＃x0000;'是一个HTML实体。所以你可以直接在HTML中使用它。有关HTML实体的更多信息：http：//www.w3schools.com/html/html_entities.asp –

试试这个

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

来源

2016-03-07 10:47:21

字体真棒的unicode不工作在固定的占位符

回答

相关问题