我们如何在移动版 Safari 中更改 dingbat unicode 字符的颜色和大小? (html 个实体)
How do we change the color and size of dingbat unicode characters in mobile Safari? (html entities)
我们如何更改装饰符号的 CSS 规则?以下内容在 iOS Safari 中不起作用。
<span class="dingbat">✖</span>
<style>
.dingbat {
color: blue;
font-size: 100px;
}
</style>
下面是演示该问题的 JSFiddle。如果您在桌面浏览器中打开 JSFiddle,则 dingbat X 颜色将为蓝色,大小将为 100 像素。但是如果在手机Safari中打开,颜色会变黑,而且尺寸会小
https://jsfiddle.net/ujs80tv1/2/
此问题被标记为可能与 "Color of Unicode Emoji" 重复。我不认为这个问题是重复的,因为我肯定 can 在大多数浏览器中更改 Unicode dingbats 的颜色(例如参见 JSFiddle)。我唯一无法更改颜色的浏览器是移动版 Safari。据我所知,您无法在任何浏览器中更改表情符号的颜色。
"Color of Unicode Emoji" 问题中的推荐答案是使用新字体或库。这可能是一种解决方法,但它没有回答问题。如果有人可以证明 unicode dingbats 不能在移动版 Safari 中设置样式,我会接受它作为正确答案。
类似 post 中的回复回答了这个问题。它对我有用!
HTML unicode arrow works on Safari desktop, but not Safari for iOS
font-family: 'Zapf Dingbats';
您无法更改默认 ✖ 样式的颜色。
您必须先为其设置字体。
在 css 中只需添加 font-family: "Times New Roman"
.
我们如何更改装饰符号的 CSS 规则?以下内容在 iOS Safari 中不起作用。
<span class="dingbat">✖</span>
<style>
.dingbat {
color: blue;
font-size: 100px;
}
</style>
下面是演示该问题的 JSFiddle。如果您在桌面浏览器中打开 JSFiddle,则 dingbat X 颜色将为蓝色,大小将为 100 像素。但是如果在手机Safari中打开,颜色会变黑,而且尺寸会小
https://jsfiddle.net/ujs80tv1/2/
此问题被标记为可能与 "Color of Unicode Emoji" 重复。我不认为这个问题是重复的,因为我肯定 can 在大多数浏览器中更改 Unicode dingbats 的颜色(例如参见 JSFiddle)。我唯一无法更改颜色的浏览器是移动版 Safari。据我所知,您无法在任何浏览器中更改表情符号的颜色。
"Color of Unicode Emoji" 问题中的推荐答案是使用新字体或库。这可能是一种解决方法,但它没有回答问题。如果有人可以证明 unicode dingbats 不能在移动版 Safari 中设置样式,我会接受它作为正确答案。
类似 post 中的回复回答了这个问题。它对我有用!
HTML unicode arrow works on Safari desktop, but not Safari for iOS
font-family: 'Zapf Dingbats';
您无法更改默认 ✖ 样式的颜色。
您必须先为其设置字体。
在 css 中只需添加 font-family: "Times New Roman"
.