Javascript : changer la couleur d'un <select&gt

Bonjour tout le monde,
Petite galère en javascript (normal pour un noob !). Merci de votre aide :)

j'ai un <select> dont chaque option est colorée différemment
Je voudrais que quand je change la sélection, le <select> hérite de la couleur correspondant au <option> choisi.

Visiblement, c'est pas ça : onchange="this.style.color=this.selectedIndex.style.color;"


<select name="select1" style="color:#AAA;" onchange="this.style.color=this.selectedIndex.style.color;">

<option value="1" style="color:#BBB;">1</option>
<option value="2" style="color:#CCC;">2</option>
<option value="3" style="color:#DDD;">3</option>

</select>


ps : j'ai aussi un petit doute sur ma façon de décrire ma couleur (#AAA) parce que Firefox me le convertit en " rgb(100, 100, 100) "