在Windows 8.1/Firefox版本32中,CSS Unicode检查标记/刻度已变为绿色/红色

Question

更新到Firefox版本32后,我网站上所有重的勾选标记/刻度都已更新为可爱的不符合放射性的绿色.

此问题似乎与WINDOWS 8.1和FIREFOX V32隔离

---

UNICODE样品

(✔,☑,✖,)

U+237B ? not check mark
U+2610 ? ballot box
U+2611 ? ballot box with check (GREEN)
U+2705 ? white heavy check mark
U+2713 ? check mark
U+2714 ? heavy check mark (GREEN)
U+2716 ? Heavy multiplication (RED)

FIREFOX V32 (截图)

CHROME V37 (截图)

这不是Firefox版本31中的问题,其中使用css color属性管理其他文本.

---

题

1. 如何在所有流行的现代浏览器中管理unicode ticks的颜色？
2. 为什么,为什么,为什么？(我可以理解默认但是重叠的设置似乎不合逻辑,我打赌这是一个移动/平板电脑补偿).

---

在FIREBUG中查看此帖子来源的屏幕仍为 绿色!:○

---

测试区域

Answer 1

请参阅以下URL,该URL将显示问题的原因:https://bugzilla.mozilla.org/show_bug.cgi？id = 1054780

特别是这篇文章:Gijs Kruitbosch似乎很好地总结了这个问题并提供了一个可行的工作:

这在Windows 8.1上的Nightly上是可重现的.AFAICT Segoe UI表情符号是Windows 8中的新功能,这就是导致问题的原因.

可能有一种方法可以关闭Windows的字体颜色(显然这存在于XAML中,但可能仅适用于Windows Phone,我不知道它们是否以任何其他方式公开),这将是一种选择.

更简单的选择似乎是使用Segoe UI符号,它至少包含所有这些字符(我对unicode不熟悉,我不知道是否/当这是字体的表情符号变体的完全替换时,和/或在什么范围内).

使用Segoe UI Symbol的建议似乎有效,将示例中的CSS更改为:

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

再次导致白色蜱虫.

更新了CSS套牌示例: http ://cssdeck.com/labs/dzemruoi

如果您不想在其自己的单个容器中包围tick以更改font-family它,则可以指定Segoe UI Symbol为后备,并且当其他文本将使用首选字体时,勾号仍将正确显示:

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

CSS deck示例与其他文本: http ://cssdeck.com/labs/gzgwlhpb