आईओएस 9 ने सीएसएस

Question

का उपयोग करके कुछ प्रतीक रंग बदलने की संभावना को हटा दिया है। हम अपनी वेबसाइट पर चेकमार्क (✔) जैसे विभिन्न प्रतीकों का उपयोग कर रहे हैं और सिर्फ ध्यान दिया है कि आईओएस 9, सफारी और अन्य ब्राउज़रों के रिलीज के साथ अपडेट किया गया है रंग विशेषता का सम्मान नहीं करते हैं। समान व्यवहार आईओएस 9.

<div>test ✔</div> 

div { 
    color: #ff0000; 
    -webkit-appearance: none; 
} 

https://jsfiddle.net/afb14b2k/1/

पर दोनों सफारी और क्रोम में पाया जा सकता है ऊपर के उदाहरण अन्य प्लेटफार्मों (जैसे ओएस एक्स) पर ठीक प्रदर्शित करता है। क्या आईओएस 9 पर काम करने के लिए यह ज्ञात कामकाज है?

संपादित करें: ऐसा प्रतीत होता है कि यह केवल चेक अंकों (और प्रतीकों के अन्य रूपों) के कुछ प्रकारों पर लागू होता है। इस मामले में हम भारी चेक मार्क (यू +2714) का उपयोग कर रहे थे। नियमित चेक मार्क (यू +2713) पर स्विच करते समय आईओएस ने इसे कोई स्वरूपण लागू नहीं किया और हम इसे एक कस्टम रंग लागू करने में सक्षम थे।

Answer 1

आईओएस 9, U+2714 HEAVY CHECK MARK में ऐप्पल के इमोजी वर्णों के सेट में शामिल है। अन्य इमोजी की तरह, इसे सिंगल-रंग वेक्टर ग्लाइफ की बजाय पूर्ण-रंग बिटमैप के रूप में खींचा जाता है, ताकि आप सीएसएस के साथ अपना रंग बदल नहीं सकें। (वास्तव में, वहाँ कोई गारंटी नहीं कि जाँच चिह्न भी काला होगा। Other platforms अलग अलग रंग की एक किस्म में यह आकर्षित!)

आईओएस नियमित पाठ है कि आप पुन: रंग कर सकते हैं के रूप में जाँच चिह्न आकर्षित करने के लिए पाने के लिए आपको करने की जरूरत है U+FE0E VARIATION SELECTOR-15 वर्ण का उपयोग करें। यदि आप vari के बाद उस भिन्नता चयनकर्ता चरित्र को सही रखते हैं, तो आईओएस इमोजी संस्करण (✔) के बजाय नियमित पाठ संस्करण (✔ & # ​​xfe0e;) का उपयोग करेगा। ओएस एक्स एक इमोजी संस्करण नहीं है, तो ये एक ही लग रही है, लेकिन iOS पर वेरिएंट में कुछ अलग दिखाई:

HTML में, आप एक ︎ डालकर चरित्र जोड़ सकते हैं सीधे अपने जांच निम्नलिखित निशान।

div { 
 
    color: red; 
 
}

<div> 
 
    ✔ without variation selector<br> 
 
    ✔&#xfe0e; with variation selector 
 
</div>

Answer 2

आप तत्व का उपयोग सीएसएस के बाद शैली की कोशिश कर रहे हैं, तो यह कैसे सुनिश्चित करें कि आइकन आईओएस में हरी हो जाता है बनाने के लिए करना है। आईओएस केवल "✔" के साथ आइकन के रंग को नहीं बदलेगा।

.myElement:after { 
    color:green; 
    content: "✔\fe0e"; 
}