ClassName sur un select en javascript

Bonjour,

je rempli dynamiquement un select avec une requete en ajax.
Je souhaiterai changer la couleur des options mais je ne trouve pas comment adapter mon code.

J'ai trouvé un exemple en html.

/* définition du style de la police, et largeur du select */
select {
font-family : Courier ;
font-size : 10px ;
width : 200px ;
}

/* élément de couleur bleu */
option.bleu {
color : #0000FF ;
background-color : #00CCFF ;
}

/* élément de couleur violet */
option.violet {
color : #9900FF ;
background-color : #99CCFF ;
}

avec:

<select name="monselect">
<option value="1" class="bleu">un</option>
<option value="2" class="violet">deux</option>
<option value="3" class="bleu">trois</option>
<option value="4" class="violet" selected>quatre</option>
</select>


et j'ai trouvé en javascript que class correspondait a className.

Pour crée une option mon code ajax est de la forme:

echo 'var s = document.forms["ma_page"].'"].elements["mon_select"];';
echo 's.options.length = 0;';
echo 's.options[s.options.length] = new Option("mon option");';

J'ai essayé de faire un echo 's.options.className="bleu";'; mais ca marche pas.

Merci de toute aide

Configuration: Windows XP
Firefox 3.0