علامة تحديد HTML ذات خلفية سوداء - مثلث القائمة المنسدلة غير مرئي في Firefox 3

https://stackoverflow.com/questions/29244

09-06-2019
|

سؤال

لدي HTML التالي (لاحظ أن CSS يجعل الخلفية سوداء والنص أبيض)

<html>
  <select id="opts" style="background-color: black; color: white;">
    <option>first</option>
    <option>second</option>
  </select> 
</html>

يعد Safari ذكيًا بما يكفي لجعل المثلث الصغير الذي يظهر على يمين النص بنفس لون النص الأمامي.

تتجاهل المتصفحات الأخرى بشكل أساسي CSS، لذا فهي جيدة أيضًا.

ومع ذلك، يطبق Firefox 3 لون الخلفية ولكنه يترك المثلث أسود، لذا لا يمكنك رؤيته، هكذا

Example

لا أستطيع معرفة كيفية إصلاح هذا - هل يمكن لأي شخص المساعدة؟هل يوجد -moz-select-triangle-color أو شيء غامض من هذا القبيل؟

المحلول

يجب أن يكون Vista مشكلة.أملك XP SP 2 ويبدو طبيعيا.

نصائح أخرى

مشكلة الإصلاح أعلاه هي أنه لا يعمل على Safari - سينتهي بك الأمر بظهور الخلفية البيضاء التي تبدو سيئة.لقد تمكنت من التغلب على هذا باستخدام فئة Moz الزائفة المحددة:

select:-moz-system-metric(windows-default-theme) {
    background-image: url(../images/selectBox.gif);
    background-position: right;
    background-repeat: no-repeat;
}

من الناحية النظرية، لا ينطبق هذا إلا على CSS إذا كان هناك سمة Windows رائعة قيد التنفيذ، راجع هذا https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)

هل يجب أن يكون الزر أسود؟يمكنك تطبيق الخلفية السوداء على الخيارات بدلاً من ذلك.

لإظهار السهم الأسود الصغير على نظام التشغيل Vista (بخلفية سوداء)، قمت بإنشاء مربع أبيض بتنسيق GIF واستخدمت ملف CSS التالي:

select {
    background-image: url(../images/selectBox.gif);
    background-position: right;
    background-repeat: no-repeat;
}

لقد أسقطت هذا الرمز في ملف ودفعته إلى ff3 ولا أرى ما تراه... السهم هو اللون الافتراضي بخلفية رمادية وسهم أسود.

هل تقوم بتصميم أشرطة التمرير أيضًا؟

لقد قمت بتحديث المنشور، وأصبح HTML موجودًا الآن حرفيًا الجميع HTML الذي يتم تحميله، ولا يوجد CSS/JS آخر أو أي شيء، ولا يزال يبدو تمامًا كما هو منشور في الصورة.

ملاحظة انا على فيستاقد يفعل أشياء مختلفة على XP، لم أتحقق منها

يجب أن تكون مشكلة فيستا.لدي XP SP 2 ويبدو طبيعيا.

اذا هي كذلك.
لقد جربته على نظام XP وكان جيدًا، كما أنه جيد أيضًا على نظام التشغيل Vista مع تعيين السمة على Windows Classic.يجب أن يكون مجرد خطأ في موضوع Firefox-vista-aero.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow