Question

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

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

字符由a调用：在具有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

似乎使用HTML实体工作。

＆＃13;

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

＆＃13;

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

＆＃13;

更新：伪

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

查看您的CSS，您没有定位:before伪

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

Answer 2

巴特，

没有font-family的问题或者依赖你的Base CSS Normalize，但你可以试试你的代码“字体Googleapis”是工作字体 - 面来改变颜色。抱歉英文不好。

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

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

http://fontawesome.io/examples/

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

2 个答案: