السلام عليكم ورحمة الله وبركاته
رمضان كريم على الجميع وأعاده الله عليكم بالخير والصحة.
بحاجة لمساعدتكم بمشكلة وهي:
عند إستخدام الكود التالي:
<select> <option>one</option> <option>two</option> <option>something</option> <option>4</option> <option>5</option> </select>
فإن النتيجة تكون كالتالي:
والمشكلة هي أني أحتاج لتغيير اللون الأزرق عند تحديد على أحد الخيارات ضمن القائمة
انت تقصد border الازرق عند الضغط علي القائمة هذه خاصية في CSS جربها @N_Kardan وممكن تراجها من هذا الموقع W3
MDN
outline: none;
ما بيقبل التغيير option:hover {background-color: "red"}, فقط java script
@Alhakem @sniperadmin @YaserAlnajjar
ان كان سؤالك على ال hover ولون الخلفية فأحييك!
سؤال ممتاز، من النادر التطرق لأشياء كهذه
لكن هاته الجزئية <select> مبنية على الـbrowsers بشكل كبير والدعم فقير لها، يمكنك البحث عن <select>
هناك حل ظريف جدا يمكنك تفقده: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover
ما كنت أقصده هو اللون الأزرق عند hover على أحدى العناصر ضمن القائمة
شكرا لك هذا ما كنت ابحث عنه
وأود أن أضيف أيضا مثال عملي وسهل بأمكانك تفقده على الرابط التالي:
https://www.w3schools.com/howto/howto_custom_select.asp?fbclid=IwAR1gT3yO6gzk2n8sRpO9C2EeDn1zr7Kwa-sIiuoTTnOi9r1aHgF_aTLSQaQ
مثال جيد، بس أشك انه ممكن يشتغل على كل المتصفحات
في كل الحالات يمكننا التلاعب بالحلول…
قمت بتجربته على جميع المتصفحات ويعمل بشكل جيد ( حتى الآن )
ممتاز يا نزار 
أقترح أن تقوم بكتابة ورشة أو شرح هنا عن هذا الأمر لمساعدة زملائنا 