it-swarm.dev

تغيير تحديد لون خلفية خيار القائمة على التمرير في HTML

هل من الممكن تغيير لون الخلفية الافتراضي لخيار تحديد القائمة على التحويم؟

HTML:

<select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
select {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}

select:hover {    
    background-color:gren;
}

option:hover {
    background-color:yellow;
}

option {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
    color:blue;
    background-color:yellow;
}

لقد جربت الخيار :hover{background-color:red;} ، لكنها غير مجدية. لا أحد يعرف كيفية القيام بذلك؟

29
srihari

لا توجد حاليًا طريقة لتطبيق css للحصول على النتيجة المرجوة. لماذا لا تستخدم مكتبات مثل اختيار أو select2 . هذه تتيح لك أسلوب بالطريقة التي تريدها.

إذا كنت لا ترغب في استخدام مكتبات الطرف الثالث ، فيمكنك إنشاء قائمة بسيطة غير مرتبة واللعب مع بعض المغلق.

كيفية تحويل القائمة المنسدلة <تحديد> إلى قائمة غير مرتبة باستخدام مسج؟

20
Kiran Ruth R

لا هذا ليس مستحيل.

إنها حقًا ، إن لم تكن تستخدم التحديدات الأصلية ، إذا قمت بإنشاء عنصر واجهة تعامل تحديد مخصص من عناصر html ، مثل "لي".

3
maximkou