Question

我们如何更改dingbats的CSS规则？以下内容在iOS Safari中不起作用。

<span class="dingbat">&#x2716;</span>

<style>
.dingbat {
    color: blue;
    font-size: 100px;
}
</style>

下面是一个演示该问题的JSFiddle。如果您在桌面浏览器中打开JSFiddle，dingbat X颜色将为蓝色，大小将为100px。但是如果你在移动Safari中打开它，颜色将是黑色，尺寸会很小。

此问题被标记为“Unicode表情符号的颜色”的可能副本。我不认为这个问题是重复的，因为我绝对可以在大多数浏览器中改变Unicode dingbats的颜色（例如参见JSFiddle）。我无法改变颜色的唯一浏览器是移动Safari。据我所知，您无法在任何浏览器中更改表情符号的颜色。

“Unicode Emoji的颜色”问题中的推荐答案是使用新的字体或库。这可能是一种解决方法，但它没有回答这个问题。如果有人能证明unicode dingbats无法在移动Safari中设置样式，我会接受这个作为正确的答案。

Answer 1

类似帖子中的回复回答了这个问题。它对我有用！

font-family: 'Zapf Dingbats';

Answer 2

您不能更改默认＆＃x2716样式的颜色。您必须首先为其设置字体。在CSS中只需添加font-family: "Times New Roman"。