لماذا من المستحيل تغيير لون مربع الاختيار بغض النظر عن تعديلات الكود؟ لقد كانت هذه المشكلة سائدة في Firefox 29 وبعد ذلك.

التفسير

ينبع العجز عن تغيير لون مربع الاختيار من عكسية متعمدة لهذه الوظيفة في HTML. تعتبر مربعات الاختيار وأزرار الراديو عناصر النماذج "الأصلية" ، مما يعني أن مظهرها يحكمه المتصفح بدلاً من قواعد CSS. تعطي المتصفحات أولويات الاتساق في واجهة المستخدم ، وبالتالي ، فإنها تفرض الخصائص المرئية الافتراضية لهذه العناصر.

الحل

لهجة اللون

عن طريق تعيين هذه الخاصية ، يمكنك التحكم في لون اللكنة المطبقة على خانة الاختيار ، والتي تشمل علامة الاختيار وأي خلفية مصاحبة. إليك مثال:

accent-color

#cb1 {
  accent-color: #9b59b6; /* Change the color of the check mark within checkbox #cb1 to blue */
}

#cb1 { Accent-Color: #9B59B6 ؛ } #CB2 { بلون اللكنة: #34495e ؛ } #CB3 { Accent-Color: #E74C3C ؛ }