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

Question

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

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

该字符由 :before 在具有 class="icon-calendar"的 span 元素上调用。我已经尝试更改元素的几个不同级别的颜色属性，包括 :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 字符
• 使用字体图标
• 使用图片