Safari auf dem iPhone kann nicht die Farbe von Pseudo-Element stylen: nach mit Inhalt \ 2714 aber es funktioniert für \ 2713

Question

Weiß jemand, warum das passiert?

Ich möchte, dass beide Häkchen weiß sind, aber das: after-Element ist schwarz (es scheint jedoch einen vertikalen weiß-schwarzen Farbverlauf zu haben).

Es funktioniert in Chrome und Safari auf einem MacBook.

öffnen Beispiel Seite in Safari auf dem iPhone, das Problem zu sehen:

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

(und hier ist der Code: http://jsbin.com/ponamazoso/edit?html,css,output)

Answer 1

Das Update hier ist ähnlich wie wenn Sie Verwenden Sie U+2714 in HTML: Sie müssen ein U+FE0E VARIATION SELECTOR-15 direkt nach dem Häkchen hinzufügen, um iOS zu sagen, es als eine Gliederung lieber als eine Bitmap zu zeichnen. Hier ist, was diese wie in CSS aussieht:

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