無法更改unicode字符上的字體顏色

確實很小的事情，但我在Joomla前端編輯頁面上的發佈按鈕上有這些日曆圖標。我使用的是Unicode字符U + 1F5D2，但我似乎無法用CSS改變它的顏色。我試圖讓它變成白色，瀏覽器檢查員說它是白色的，但顯然不是。 See example here 無法更改unicode字符上的字體顏色

我不知道Unicode是否應該這樣做，我從來沒有問題，直到我使用這個特殊的字符。

該字符由a：before在class =「icon-calendar」的span元素上調用。我試着改變元素的幾個不同層次上的顏色屬性，包括：before和span本身，但沒有一個能夠生效。

#adminForm a.btn, 
 
#adminForm button.btn { 
 
    background-color: #0e71b8; 
 
    color: #ffffff; 
 
} 
 

 
#adminForm button.btn:before { 
 
    color: #ffffff; 
 
}

任何人都知道這是應該發生的和/或如何解決它？

來源

2016-01-22 Bart K

的角色被稱爲：帶class =「圖標，日曆」 span元素之前。我試着改變元素的幾個不同層次上的顏色屬性，包括：before和span本身，但沒有一個能夠生效。 –

在這個puush（http://puu.sh/mFaXe.png）中，您可以看到顯示顏色設置的檢查器的摘錄。 –

似乎使用HTML實體工作。

* {background: #000; font-size: 1.4em;} 
 
.cal {color: #fff;}

<span class="cal">&#128197;</span>

更新了：僞

您應該提到你的問題僞。在你的CSS

尋找你arn't瞄準:before僞

#adminForm a.btn:before, 
#adminForm button.btn:before { 
    color: #fff; 
}

來源

2016-01-22 10:12:18 Aaron

我似乎無法得到html實體在：之前的工作，這是不幸的必要性。 –

在原始問題中忘了提及，但我已經嘗試過了：/我也會更新原件。 –

這是你第一次在stackoverflow上，你應該真正閱讀如何創建一個可回答的問題，通過顯示你已經嘗試和足夠的代碼來重新創建你的問題。 http://stackoverflow.com/help/mcve – Aaron

巴特，

問題，而FONT-FAMILY還是取決於你的基地CSS正常化，但你可以嘗試我們的代碼「字體Googleapis 「是工作font-face改變顏色。對不起，壞英語。

參見： http://codepen.io/KingRider/pen/QGeMoQ

爲什麼不試試插件「字體真棒」最好

http://fontawesome.io/examples/

來源

2016-12-29 13:33:49 KingRider

無法更改unicode字符上的字體顏色

回答

相關問題