إخفاء السهم المنسدل لعناصر في Firefox

يتضمن سلوك Firefox الافتراضي لعناصر سهمًا منسدلًا مرئيًا. للحصول على مظهر نظيف ومخصص، قد ترغب في إزالته.

بينما "-webkit-appearance: Button;" يخفي السهم بشكل فعال في Chrome/Safari، بنفس الطريقة باستخدام "-moz-appearance: Button;" في Firefox لا يؤدي إلى النتيجة المرجوة.

للتغلب على هذه العقبة، نحتاج إلى استخدام تقنية مختلفة:

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

إليك كيفية العمل:

"-moz-appearance: none;" تعطيل المظهر الافتراضي، بما في ذلك السهم.
• "text-indent: 0.01px;" يدفع السهم قليلاً إلى اليمين.
• "text-overflow: ''" يقطع السهم الزائد.