Hintergrundfarbe

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
ich habe ein welches die Hintergrundfarbe ändert, je nachdem welcher Eintrag ausgewählt wird. Das Attribut von „size“ beträgt „1“, entspricht also einer Combobox.

Die Hintergrundfarbe des Elements weise ich per Stylesheet „background“ zu. Warum nicht background-color sage ich gleich.

Wird etwas in der Selectbox ausgewählt, rufe ich eine Funktion in Javascript auf und weise dort per

document.getElementById(id).style.background = neuefarbe

die Hintergrundfarbe zu. Beim Mozilla/Firefox klappt dies sehr gut, aber der Explorer färbt nur den „Rahmen“ der Selectbox bunt. Der Hintergrund bleibt weis. Im Javascript kann ich nicht background-color nehmen, da Javascript meldet, er kennt dieses nicht (???), bzw. im linken Ausdruck wäre irgendetwas falsch. Wie bringe ich den Explorer dazu bitte auch den Hintergrund der Selectbox eine Farbe zuzuweisen?

Ich muß auch dazu sagen, daß ich bei den Hintergrund weis gestaltet habe (aus besserer Lesbarkeit).

Vielleicht weiß jemand Rat und kann mir helfen :smile: Vielen Dank schon mal im voraus.

Gruß Olli

#2

Hi,

die Hintergrundfarbe zu. Beim Mozilla/Firefox klappt dies sehr
gut, aber der Explorer färbt nur den „Rahmen“ der Selectbox
bunt. Der Hintergrund bleibt weis.

hast Du mal versucht, auch die -Elemente einzufärben? Ist das Problem abhängig von der Fokussierung?

Im Javascript kann ich
nicht background-color nehmen, da Javascript meldet, er kennt
dieses nicht (???),

JavaScript bemängelt, dass es von „…style.background“ nicht das (vermutlich nicht existente) Objekt „color“ abziehen kann, und dass man dem Ergebnis schon gar nichts zuweisen kann. Die Zeichenfolge „Bindestrich Kleinbuchstabe“ muss durch den entsprechenden Großbuchstaben ersetzt werden.

Cheatah

#3

Hallo

Selectbox zur Laufzeit einfärben geht so:

option 1option 2option 3option 4option 5option 6option 7option 8option 9option 10option 11option 12
function my_sel_color(){
document.getElementById(„my_sel_op1“).style.backgroundColor = „#90ffff“;
document.getElementById(„my_sel_op2“).style.backgroundColor = „#b0ffff“;
document.getElementById(„my_sel_op3“).style.backgroundColor = „#d0ffff“;
document.getElementById(„my_sel_op4“).style.backgroundColor = „#f0ffff“;

document.getElementById(„my_sel_op5“).style.backgroundColor = „#ff90ff“;
document.getElementById(„my_sel_op6“).style.backgroundColor = „#ffb0ff“;
document.getElementById(„my_sel_op7“).style.backgroundColor = „#ffd0ff“;
document.getElementById(„my_sel_op8“).style.backgroundColor = „#fff0ff“;

document.getElementById(„my_sel_op9“).style.backgroundColor = „#ffff90“;
document.getElementById(„my_sel_op10“).style.backgroundColor = „#ffffb0“;
document.getElementById(„my_sel_op11“).style.backgroundColor = „#ffffd0“;
document.getElementById(„my_sel_op12“).style.backgroundColor = „#fffff0“;

}
my_sel_color();