✖
.dingbat {
color: blue;
font-size: 100px;
}
下面是一个演示此问题的JSFiddle。如果您在桌面浏览器中打开JSFiddle,则dingbat X颜色将变为蓝色,尺寸将为100px。但是,如果您在移动Safari中打开它,颜色将变成黑色,尺寸会变小。
这个问题被标记为 “Unicode的绘文字的颜色” 的可能重复。我不认为这个问题是重复的,因为我肯定可以在大多数浏览器中改变Unicode dingbats的颜色(例如参见JSFiddle)。我无法改变颜色的唯一浏览器是移动Safari。就我所知,您无法在任何浏览器中更改表情符号的颜色。
“Unicode表情符号颜色”问题中的建议答案是使用新的字体或库。这可能是一种解决方法,但它不能回答问题。如果有人可以证明unicode dingbats无法在移动Safari中设置样式,我会接受该答案作为正确答案。
+0
跨度2个P之间是不是一个有效的HTML结构,给一个尝试显示:块跨度或使用AP,以及,看看它是否工作正常....我不不有你的问题的配置。 **可以澄清,以及如果这只与dingbat或任何字体发生?** –
+0
谢谢@GCyrillus我更新了JSFiddle使用display.block在.dingbat类。我仍然没有看到CSS规则适用于移动Safari。 问题只发生在dingbats。我可以在移动Safari中更改普通字体。 –
+0
[颜色为Unicode表情符号]可能的重复(http://stackoverflow.com/questions/32413731/color-for-unicode-emoji) –