Html 在Windows 8.1/Firefox版本32中，CSS Unicode复选标记/记号已变为绿色/红色

更新到Firefox版本32后，我网站上所有的重勾/记号都被更新为可爱的绿色

这个问题似乎与WINDOWS 8.1和FIREFOX V32无关

---

UNICODE示例

(✔, ☑, ✖,) FIREFOX V32（屏幕截图）

CHROME V37（屏幕截图）

这不是Firefox31版的问题 与其他文本一样，使用css

color

属性管理的标记

---

问题:

如何在所有流行的现代浏览器中管理unicode标记的颜色

为什么，为什么，为什么？（我可以理解默认设置，但过度设置似乎不合逻辑，我打赌这是一种移动/平板电脑补偿）

---

在FIREBUG中查看此帖子来源的屏幕截图 还是绿色的！：哦

---

---

请查看以下URL，该URL将显示并记录问题原因：

特别是：Gijs Kruitbosch的这篇文章似乎很好地总结了这个问题，并提供了一个可能的解决方法：

这可以在Windows 8.1上每晚复制。AFAICT Segoe UI表情符号 在Windows 8中是新的，这就是造成问题的原因

可能有一种方法可以关闭Windows对字体的着色 （显然，XAML中存在这种情况，但可能仅适用于Windows Phone， 我不知道他们是否以其他方式暴露了这一点） 一个选择

更简单的选项似乎是使用Segoe UI符号，这 至少具有所有这些字符（我对这些字符已经不太熟悉了 unicode，我不知道这是否/何时完全替代 字体的表情符号变体，和/或用于什么范围）

使用Segoe UI符号的建议似乎确实有效，将示例中的CSS更改为：

div {
    background:#111;
    color:#fff;
    font-family: Segoe UI Symbol;
}

结果再次出现白色蜱虫

更新的CSS组示例：

如果您不想将勾号包围在其自身的单独容器中以更改

字体系列

，可以将

Segoe UI符号

指定为备用，勾号仍将正确显示，而其他文本将使用首选字体：

div {
    background:#111;
    color:#fff;
    font-family: arial, Segoe UI Symbol;
}

---

CSS deck示例和其他文本：

我在Ubuntu上测试了Firefox v32和Chromium v37，两个刻度都是白色的…截图取自上面的测试区域演示。非常奇怪？刚刚在Firefox v32中的一个项目中测试了这个，我遇到了同样的问题！非常奇怪！这是可以理解的：）不过我很感谢你的努力，谢谢。就连萤火虫也在输出绿色！微软似乎已经更新了windows，但它影响了firefox呈现标记的方式。研究得很好。干得好，谢谢！当我在我的一个项目中看到它发生的时候，我感到很沮丧！直到我看到那个bug报告，我才认为修复是可能的。

div {
    background:#111;
    color:#fff;
    font-family: arial, Segoe UI Symbol;
}