html - 我们如何在移动版 Safari 中更改 dingbat unicode 字符的颜色和大小？ (html 实体)

Question

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

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

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

下面是演示该问题的 JSFiddle。如果您在桌面浏览器中打开 JSFiddle，则 dingbat X 颜色将为蓝色，大小将为 100 像素。但是如果在手机Safari中打开，颜色会变黑，而且会变小。

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

---

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

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

Answer 1

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

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

font-family: 'Zapf Dingbats';