li：内容前： "✔";いくつかの携帯デバイスの色違い

Question

liタグをより良くするためにCSSを書いています。

すべてがラップトップと私の携帯電話でOKである（レノボバイブ1）とASUS zenfone 5

しかしのiPhone 5とギャラクシー注3にItested私の色（RGB（240、230、140））は赤色として示され黒。

私のcssに何が問題なのか分かりません。私はイメージのisteadのCSSを使用すべきか、またはCSSのソリューションがありますか？おかげさまで ここで

は私のCSSです：

ul.anamenu li::before { 
content: "✔ "; 
color: rgb(240, 230, 140); 
font-size: 4vmin; 
text-indent: -2em;} 

Answer 1

ul.anamenu li::beforeにfont-family: 'Zapf Dingbats'を追加してください。それはiPhone上でうまく動作します。

EDIT：この文字は、現在アップル（および他のコンストラクタ）によって描かれた絵文字であるため、6月26日'17

問題が存在します。 emojipediaウェブサイトでは、この絵文字のいくつかのバリエーションを見ることができます。

レンダリングされた文字は、デバイス上のビットマップイメージであり、色を変更できるベクターグリフではありません。 emojisを実装しているコンストラクターやプラットフォームは、必要に応じて黒、赤、ピンク、その他の色で自分の絵文字を自由にデザインすることができます。そのため、私たちは1つの絵文字の意味を誤解するかもしれませんdepending on the platform where we see it。

ありのため、このようなU + 1F600として、名前を提供したUnicodeコンソーシアム、によって設定されたUnicode標準で1,282絵文字、「顔をにやにやは、」現在あるが、批判的に絵文字はどうあるべきかを指示しません。好き。

この文字の色を変更するには、テキスト上で仕事をしなければなりません。したがって、variation selector 15をチェックマークの直後に使用して、通常のテキストバージョン：✔︎（HTML形式）を取得することができます。異なる言語のいくつかの例文here。

ところで、ヘビーチェックマークについては、バリエーションセレクタcontent: "\2714 \fe0e";を使用してこの解決策を試すことができます。ご覧のとおり、CSSにはunicode symboleがあります：'\2714'とその直後のバリエーションセレクター '\ fe0e'です。

.unicode:after{ 
 
    content: '\2714 \fe0e'; 
 
    color: red; 
 
}

<div class="unicode"> 
 
</div>

Answer 2

あなたは、元のコンテンツのスクリーンショットを共有することはできFontAwesome

ul {list-style: none;} 
 
ul li{position: relative;padding-left: 20px} 
 

 
ul li:after{ 
 
content: '\f00c'; 
 
font-family: FontAwesome; 
 
position: absolute; 
 
left: 0; 
 
top: 0; 
 
color: red 
 
    
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<ul> 
 
    <li> test </li> 
 
    <li> test </li> 
 
    <li> test </li> 
 
</ul>