Modification de la couleur de l'élément sélectionné dans Sélectionnez le problème de rendu Elm - Firefox

Question

J'essaie simplement d'ajouter une couleur à l'arrière-plan de l'élément sélectionné dans l'élément sélectionné après qu'un utilisateur a sélectionné l'élément sélectionné. Le résultat en ce moment est que dans firefox, les couleurs vont changer, mais seulement pendant la sélection ... après que la sélection a été faite l'arrière-plan pour la sélection individuelle est toujours blanc.

Ce code fonctionne très bien dans IE mais jusqu'ici mes efforts ont été développés dans FireFox. Toutes les suggestions aideraient. J'ai fait une méthode javascript équivalente et fait quelques tentatives, mais le résultat est toujours le même. La couleur d'arrière-plan de l'élément est modifiée ... mais seulement visible lors de la sélection, PAS après la sélection.

.Compliant { background-color : #8AC9FF; } 

.OtherThanSerious { background-color: #C2FF87; } 

.Serious { background-color: #FFBC43; } 

.Critical { background-color: #FF6743; } 

Answer 1

Ah je comprends.

Je ne pense pas qu'il existe une norme convenue pour le style des éléments sélectionnés, il est généralement considéré comme mauvais pour l'utilisabilité de désordre avec les styles d'OS par défaut pour cela. Cependant, vous pouvez changer la couleur de l'arrière-plan si vous attachez votre classe directement à la balise de sélection et non à la balise d'option. Mais le comportement est probablement assez erratique d'un navigateur à l'autre.