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

真的很小，但我在我的 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;
}

任何人都知道这是否应该发生和/或如何解决它？

最佳答案

似乎使用 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;
}

关于css - 无法更改 unicode 字符的字体颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34943861/