为什么firefox着色某些字符，是否有解决方法？

Question

当我偶然发现这个奇怪的东西时，我只是在写一些css。我有以下css：

div:after {
    content: '✔';
    color: red;
}

而不是显示红色复选标记，它显示绿色。这只发生在Firefox中。这是某种错误还是应该是预期的错误？结果。我找到了一个包含多个字符的列表，firefox将其转换为自定义图标＆＃39;。您可以在此处找到列表：http://www.danshort.com/HTMLentities/index.php?w=dingb

我还想出了一张显示Firefox和Chrome差异的图片。

更新：

基于@LinkinTED

提供的jsFiddle的屏幕截图

Answer 1

出现上述行为是因为这些特定字符的后备字体加载不正确。 首先加载Segoe UI Emoji，如果不存在则加载Segoe UI Symbol。 Segoe UI表情符号字体（在Windows 8中）是预先设置的样式，因此无法使用CSS设置样式。考虑到这一点，解决方案很简单，只需使用正确的字体（Segoe UI Symbol）。

检查这个新的小提琴，看看这个解决方案的实际效果。 http://jsfiddle.net/tz84qqje/2/

来源： https://bugzilla.mozilla.org/show_bug.cgi?id=1054780

Answer 2

当我使用直接十六进制代码时，对我来说工作正常......

div:after {
content: '✔';
color: #ff0000;
}