احتاج فريقنا إلى قائمة منسدلة واحدة لإضافة رموز إلى عناصر القائمة ، اعتمادًا على نوع العنصر. القائمة نفسها مكون طرف ثالث لم أرغب في لمسه. يتم تنفيذ الرموز في شكل خط ، أي أنها أحرف Unicode.
كحل ، على الخادم ، اعتمادًا على نوع العنصر ، تمت إضافة رمز رمز
\ uXXXX كحرف عادي وتم استلام مربعات جميلة على العميل ، نظرًا لأن الخط المستخدم في القائمة لا يحتوي على رموز الرموز الخاصة بنا. هنا جاءت
فئة CSS الزائفة لمساعدتنا
:: الحرف الأولهذه التعليمات موصوفة جيدًا في
"فئة زائفة: الحرف الأول" وفي
"12 حقائق صغيرة عن CSS (تابع)" .
يعمل كل شيء مثل الساعة: قم بتعيين فصل دراسي ، وضبط فئة زائفة باستخدام الخط (عائلة الخط) ، وقم بتشغيله - إنه يعمل في Chrome. التحقق في IE11 و Edge - يعمل. ولكن في فايرفوكس - لا يعمل. بعد كل الرقصات مع الدف (تاريخ التنظيف وذاكرة التخزين المؤقت) ، نتأكد أخيرًا من أنه لا يعمل بالتأكيد في Firefox.
أظهر بحث على الإنترنت (
https://css-tricks.com/forums/topic/first-letter-firefox-problem ) أن Firefox يحاول تحديد ما إذا كان الحرف هو حرف لتطبيق فئة زائفة ، وإذا كان يفكر بشكل مختلف ، فإن الفئة الزائفة هي ببساطة تجاهلها. يتطابق هذا بشكل عام مع المعلومات الواردة في
"12 حقائق صغيرة معروفة عن CSS (تابع)" ، ولكن من الواضح أن Firefox يفهم "الأحرف غير الشخصية" على أنها شيء مختلف عما تفهمه المتصفحات الحديثة الأخرى.
لم نتمكن من حل هذه المشكلة مباشرة ، كان علينا إضافة
امتداد إلى عناصر القائمة بأحرفنا الخاصة في العميل.
الاستنتاج ، للأسف ، هو أنه في الوقت الحالي ، لا يمكن استخدام فئة
الحرف الأول الزائفة لحل مشكلة عرض حرف مخصص في سلسلة.
UPD شكرا
dartraiden - هذه المشكلة معروفة في Mozilla -
الخلل الرسمي