无法更改unicode字符的字体颜色

Question

非常小的事情，但是我在我的Joomla前端编辑页面上，在发布按钮上有这些日历图标。为此，我使用了Unicode字符U+1F5D2，但是我似乎不能用CSS改变它的颜色。我试着让它变白，浏览器检查员说它是白的，但很明显不是。See example here

我不知道Unicode是否应该这样做，在我使用这个特殊字符之前，我从来没有遇到过问题。

字符由带有图标“class=-calendar”的span元素上的:before调用。我尝试在元素的几个不同级别上更改颜色属性，包括:before和span本身，但它们都没有生效。

​

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

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

​

有人知道这是否应该发生和/或如何绕过它吗？

Answer 1

我也遇到过类似的问题。看起来像一些unicode字符有颜色，轮廓烘焙到他们中，不能被css更改。

因此，有以下选项：

• 查找可在CSS中更改的替代unicode字符
• 使用字体图标
• 使用图像

Answer 2

使用HTML实体似乎可以工作。

​

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

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

​

为:伪更新的

你应该在你的问题中提到伪代码。

看看你的CSS，你不是针对:before伪代码

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

Answer 3

巴特

问题没有字体家族或依赖于您的基本CSS规范化，但您可以尝试您的代码“字体Googleapis”是工作字体-面孔来改变颜色。对不起，英语不好。

请参阅：http://codepen.io/KingRider/pen/QGeMoQ

为什么不试试插件'Font Awesome‘是最好的

http://fontawesome.io/examples/