• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DropDown Menü BackgroundColor

Motero

Neues Mitglied
Hallo zusammen,

ich habe ein kleines Problem mit einem DropDown Menü.

Ich habe 8 Optionen alle eine unterschiedliche Farbe, siehe Bild.

Im IE funktioniert das übernehmen der Farben nach der Auswahl...sprich ich wähle Farbe 6 mit Farbe blau und das DropDown Menü ist blau.
Im FireFox hingegen bleibt das DwopDown Menü weiß nach der Auswahl.

Kann mir da jemand helfen?

Hier mein Code

HTML:
       <td><select class="clColorMenu">
           <option id="idT" class="Color1" value="1">Farbe 1</option>
           <option id="idT" class="Color2" value="2">Farbe 2</option>
           <option id="idT" class="Color3" value="3">Farbe 3</option>
           <option id="idT" class="Color4" value="4">Farbe 4</option>
           <option id="idT" class="Color5" value="5">Farbe 5</option>
           <option id="idT" class="Color6" value="6">Farbe 6</option>
           <option id="idT" class="Color7" value="7">Farbe 7</option>
           <option id="idT" class="Color8" value="8">Farbe 8</option>
           </select>
       </td>

Code:
         select.clColorMenu{ width: 90px;
              } 

  option.Color1{background:#CC0000;
                 color:#FFF;}
  option.Color2{background:#006400;
                 color:#FFF;}
  option.Color3{background:#000099;
                 color:#FFF;}
  option.Color4{background:#EE7600;
                 color:#FFF;}
  option.Color5{background:#714513;
                 color:#FFF;}
  option.Color6{background:#7CCD7C;
                 color:#FFF;}
  option.Color7{background:#009999;
                 color:#FFF;}
  option.Color8{background:#990099;
                 color:#FFF;}

Hier das Bild:
96387441.png


Danke schon mal für eure Mühe!
 
Zuletzt bearbeitet von einem Moderator:
ich würde einfach mal nachschauen welche farbe er in firebug beim drüber hovern anzeigt, normal ist firefox toleranter als ie ^^ deswegen schon merkwürdig
 
ich würde einfach mal nachschauen welche farbe er in firebug beim drüber hovern anzeigt, normal ist firefox toleranter als ie ^^ deswegen schon merkwürdig

jojo das ist mir auch bekannt das FF toleranter als der IE ist. Allerdings nutze ich hier den hover Effekt nicht, sondern habe einfach nur classen definiert die den optionen zugeordnet sind.

Beim auswählen einer Farbe wird meiner Ansicht nach die class nicht übernommen, dies aber nur beim FF. Gibt es da einen work around?
 
Zurück
Oben