字體真棒的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不工作在固定的佔位符

回答

相關問題