iOS 9删除了使用CSS更改某些符号颜色的可能性
我们已经在我们的网站上使用了各种符号，比如复选标记(✔)，并注意到随着Safari 9的发布，Safari和其他浏览器已经更新，不再尊重颜色属性。在iOS 9上的Safari和Chrome中都可以找到相同的行为。
<div>test ✔</div>
div {
color: #ff0000;
-webkit-appearance: none;
}https://jsfiddle.net/afb14b2k/1/
上面的示例在其他平台(例如OS X)上显示正常。有没有一种已知的解决方法可以让它在iOS 9上工作？
编辑:这似乎只适用于复选标记的某些变体(以及符号的其他变体)。在本例中，我们使用了重复选标记(U+2714)。当切换到常规复选标记(U+2713)时，iOS不会对其应用任何格式，我们可以对其应用自定义颜色。
回答 2
Stack Overflow用户
发布于 2016-07-14 05:38:35
在iOS 9中，U+2714 HEAVY CHECK MARK包含在苹果的表情符号集中。就像其他表情符号一样，它被绘制为全彩位图，而不是单色矢量字形，所以你不能用CSS改变它的颜色。(事实上，不能保证复选标记甚至是黑色的。Other platforms将其绘制为各种不同的颜色！)
要让iOS将复选标记绘制为可重新着色的常规文本，您需要使用U+FE0E VARIATION SELECTOR-15字符。如果将变体选择器字符放在表情符号后面，iOS将使用常规文本版本(✔︎)而不是表情符号版本(✔)。OS没有表情符号变体，所以它们看起来是一样的，但在iOS上，这些变体看起来略有不同：
在HTML语言中，您可以通过在复选标记后面紧跟一个︎来添加字符。
div {
color: red;
}<div>
✔ without variation selector<br>
✔︎ with variation selector
</div>
Stack Overflow用户
发布于 2016-10-27 05:57:54
如果您正在尝试使用CSS-after设置元素的样式，这是确保图标在iOS中变为绿色的方法。如果只使用"✔“，则iOS不会更改图标的颜色。
.myElement:after {
color:green;
content: "✔\fe0e";
}https://stackoverflow.com/questions/32639694
复制相似问题
腾讯云开发者
