我们如何在移动版 Safari 中更改 dingbat unicode 字符的颜色和大小？（html实体）答案

【问题标题】：How do we change the color and size of dingbat unicode characters in mobile Safari? (html entities)我们如何在移动版 Safari 中更改 dingbat unicode 字符的颜色和大小？（html实体）
【发布时间】：2016-07-02 19:23:05
【问题描述】：

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

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

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

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

https://jsfiddle.net/ujs80tv1/2/

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

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

【问题讨论】：

span in between 2 p 不是有效的 HTML 结构，试试 display:block 的 span 或使用 ap 看看它是否工作正常......我没有配置你有你的问题，。 如果这种情况只发生在 dingbat 或任何字体上，能否澄清一下？
感谢@GCyrillus 我更新了 JSFiddle 以在 .dingbat 类上使用 display: 块。我仍然没有看到 CSS 规则适用于移动 Safari。问题只发生在 dingbats 上。我可以很好地更改移动 Safari 中的普通字体。
Color for Unicode Emoji的可能重复

标签： html css unicode mobile-safari dingbats

【解决方案1】：

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

HTML unicode arrow works on Safari desktop, but not Safari for iOS

font-family: 'Zapf Dingbats';

【讨论】：

这个 hack 没有任何意义，但它为我修复了字体颜色。谢谢！如果没有您的提示，我什至不会考虑尝试一下。

【解决方案2】：

您无法更改默认 ✖ 样式的颜色。您必须先为其设置字体。在 css 中添加 font-family: "Times New Roman"。

【讨论】：