Ändern der Farbe des ausgewählten Elements in Select Elm - Firefox Rendering Problem

Question

Ich versuche einfach, eine Farbe zu dem ausgewählten Artikel Hintergrund in der Auswahl Ulme, nachdem ein Benutzer eine Auswahl aus der Auswahl Ulme. Das Ergebnis ist, dass in Firefox die Farben sich ändern, aber nur während der Auswahl ... nachdem die Auswahl getroffen wurde, ist der Hintergrund für die individuelle Auswahl immer noch weiß.

Dieser Code funktioniert gut in IE, aber bisher wurden meine Bemühungen in FireFox thuarted. Irgendwelche Vorschläge würden helfen.

Ps. Ich machte eine gleichwertige Javascript-Methode und machte einige Versuche, aber das Ergebnis ist immer noch das gleiche. Die Hintergrundfarbe des Objekts wird geändert ... ist aber nur sichtbar, wenn Sie eine Auswahl treffen, NICHT nachdem die Auswahl getroffen wurde.

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

.OtherThanSerious { background-color: #C2FF87; } 

.Serious { background-color: #FFBC43; } 

.Critical { background-color: #FF6743; } 

Answer 1

Ah ich verstehe es.

Ich glaube nicht, dass es einen vereinbarten Standard für das Stylen ausgewählter Elemente gibt, es wird allgemein als schlecht für die Benutzerfreundlichkeit angesehen, mit Standard-Betriebssystemstilen dafür zu verfahren.

Sie können jedoch die Farbe im Hintergrund ändern, wenn Sie Ihre Klasse direkt an das select-Tag und nicht an das option-Tag anhängen. Aber das Verhalten ist in den Browsern wahrscheinlich ziemlich unberechenbar.