फ़ायरफ़ॉक्स और पहला अक्षर छद्म वर्ग

हमारी टीम को आइटम के प्रकार के आधार पर, सूची आइटम में आइकन जोड़ने के लिए एकल ड्रॉप-डाउन सूची की आवश्यकता थी। सूची स्वयं एक तृतीय-पक्ष घटक है जिसे मैं स्पर्श नहीं करना चाहता था। आइकन एक फ़ॉन्ट के रूप में कार्यान्वित किए जाते हैं, यानी, वे यूनिकोड वर्ण हैं।
सर्वर पर एक समाधान के रूप में, तत्व के प्रकार के आधार पर, \ uXXXX आइकन प्रतीक को एक नियमित पत्र के रूप में जोड़ा गया था और क्लाइंट पर सुंदर वर्ग प्राप्त हुए थे, क्योंकि सूची के लिए उपयोग किए जाने वाले फ़ॉन्ट में हमारे आइकन के कोड शामिल नहीं हैं। यहाँ CSS pseudo -class हमारी सहायता के लिए आया था :: पहला-अक्षर

यह निर्देश "छद्म श्रेणी: प्रथम-पत्र" और "12 लिटिल-ज्ञात सीएसएस तथ्य (निरंतर) " में अच्छी तरह से वर्णित है।

सब कुछ घड़ी की तरह काम करता है: एक वर्ग सेट करें, हमारे फ़ॉन्ट (फ़ॉन्ट-परिवार) के साथ एक छद्म वर्ग सेट करें, इसे चलाएं - यह क्रोम में काम करता है। IE11 और एज में सत्यापन - काम करता है। लेकिन फ़ायरफ़ॉक्स में - काम नहीं करता है। एक टैम्बोरिन (इतिहास और कैश की सफाई) के साथ सभी नृत्यों के बाद, हम अंततः यह सुनिश्चित करते हैं कि यह निश्चित रूप से फ़ायरफ़ॉक्स में काम नहीं करता है।

इंटरनेट पर एक खोज से पता चला ( https://css-tricks.com/forums/topic/letter-firefox-problem ) जो फ़ायरफ़ॉक्स यह निर्धारित करने की कोशिश कर रहा है कि क्या एक वर्ण छद्म वर्ग को लागू करने के लिए एक पत्र है, और यदि वह अलग तरीके से सोचता है, तो छद्म वर्ग बस है नजरअंदाज कर दिया। यह आमतौर पर "12 छोटे-ज्ञात तथ्यों के बारे में सीएसएस (जारी)" के बारे में जानकारी से मेल खाता है , लेकिन यह स्पष्ट है कि फ़ायरफ़ॉक्स "गैर-पत्रों" को अन्य आधुनिक ब्राउज़रों के समझ से अलग कुछ के रूप में समझता है।

हम इस समस्या को हल नहीं कर सकते हैं, हमें क्लाइंट में अपने विशेष पात्रों के साथ सूची आइटम में स्पैन जोड़ना होगा।

निष्कर्ष, दुर्भाग्य से, यह है कि फिलहाल, पहले अक्षर- छद्म वर्ग का उपयोग कस्टम चरित्र को स्ट्रिंग में प्रदर्शित करने की समस्या को हल करने के लिए नहीं किया जा सकता है।

UPD धन्यवाद डार्टरडेन - यह समस्या मोज़िला - आधिकारिक बग में जानी जाती है