2016-09-15 7 views
3

これはなぜ起こっているのですか?iPhoneのSafariは擬似要素の色をスタイルすることができません:コンテンツ 2714で終了しましたが、 2713で動作します

両方のチェックマークを白にしたいのですが、:after要素が黒です(しかし、白から黒への垂直グラデーションがあるようです)。

MacBookのChromeとSafariで動作します。オープン

問題を参照するにはiPhone上のSafariで、この例のページ:

+0

可能な重複http://stackoverflow.com/questions/32639694/([iOSの9は、CSSを使用して、特定のシンボルの色を変更する可能性を削除] ios-9-removed-the-possible-to-change-certain-symbol-colors-using-css) – cewn

答えて

5

ここでの修正は、あなたがしているときのようになります。

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

http://jsbin.com/ponamazoso/edit?html,css,outputここにはコードです) U+2714 in HTMLを使用する場合:チェックマークの後に直接U+FE0E VARIATION SELECTOR-15を追加して、iOSにビットマップではなくアウトラインとして描画するように指示する必要があります。ここでは、これはCSSで次のようになりますの

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

関連する問題