ios - iPhone 上的 Safari 无法设置伪元素 :after with content\2714 but it works for\2713 的颜色样式

Question

有人知道为什么会这样吗？

我希望两个复选标记都是白色的，但是 :after 元素是黑色的(但是它似乎有一个从白色到黑色的垂直渐变)。

它适用于 MacBook 上的 Chrome 和 Safari。

在 iPhone 上的 Safari 中打开此示例页面以查看问题:

http://output.jsbin.com/lerudihiho/

(这里是代码:http://jsbin.com/ponamazoso/edit?html,css,output)

Answer 1

此处的修复类似于您使用 U+2714 in HTML 时的修复:您需要在复选标记后直接添加 U+FE0E VARIATION SELECTOR-15 以告诉 iOS 将其绘制为轮廓而不是位图。这是它在 CSS 中的样子:

body::after {
  content: "\2714\fe0e";
  color: red; 
}