Unicode字符颜色问题

Question

不能在以下字符改变颜色：

<div style="font-size: 25px; color:red;">&#128269;</div> 
<div style="font-size: 25px; color:red;">&#128227;</div> 

而其他一些unicode字符接受color属性：

<div style="font-size: 25px; color:red;">&#9881;</div> 

有什么办法来改变以前的颜色字符？

https://jsfiddle.net/cs5053ka/

Answer 1

在许多系统上，表情符等，并从常规字符绘制方式不同。尽管像%这样的符号是通过填充矢量轮廓绘制的，但表情符号通常使用不考虑您的文本颜色的全色位图来绘制。

要更改表情符号的颜色，你有几种选择：

• 手动重新着色的图像编辑器，表情符号和使用<img>标签或CSS背景图片来显示它。
• 使用包含类似外观图标的网页图标字体，如Font Awesome。图标字体与常规符号一样用矢量轮廓线绘制，因此color属性适用于它们。
• 使用text-shadow hack以纯色填充表情符号。

你也可以使用一个variation selector能够使某些表情图案到可以重新着色常规字符，但这并非针对或工作。