Tobias: Ausgewählter Text soll bestimmt Farbe haben

Beitrag lesen

Hallo,

ich möchte eine einfach Auswahl von drei Werten haben. Das ist weiter nicht schwierig, diese farblich abzugrenzen ebenfalls.

Nur wie bekomme ich es hin, dass die Auswahl auch nach dem Auswählen ihre Farbe behält? Ich möchte also, dass wenn ich GRÜN auswähle der Text aus genau so aussieht wie in der Auswahl. Leider wird er nach der Auswahl immer wieder "normal".

<style type="text/css">
#red 	{
	  background-color: red;
	  color : white;
	  font-weight: bold;
	}

#yellow {
	  background-color: orange;
	  color : white;
	  font-weight: bold;
	}

#green 	{
	  background-color: green;
	  color : white;
	  font-weight: bold;
	}
</style>

	<select> 
		<option selected>to be defined</option>
		<option id="green">GREEN</option>
		<option id="yellow">YELLOW</option> 
		<option id="red">RED</option> 
	</select>

Hat jemand eine Idee?