Bonjour,

je veux faire la forme suivante :


<style type="text/css">
#coeur, #carreau {color: red;}
</style>
[...]

<select name="o" title="choisir une couleur">
<option id="pique" value="pique" title="pique">pique</option>
<option id="coeur" value="coeur" title="cœur">cœur</option>
<option id="carreau" value="carreau" title="carreau">carreau</option>

<option id="trefle" value="trèfle" title="trèfle">trèfle</option>
</select>
<uri:http://le.iota.free.fr/provisoire/ptpb.html>
Avec firefox, cœur et carreau apparaissent rouge tant qu'ils ne sont pas
sélectionnés... quand le pointeur est dessus, ça se gâte, ils deviennent
noirs, et quand cœur ou carreau est sélectionné, idem.

Je pense utiliser des pseudo-classes, est-ce une bonne idée ? Et quelles
sont les pseudo-classes du tag OPTION ?

avec konqueror, je ne vois que du noir... et le 'title' ne génère pas de
bulle d'aide (mais là ce n'est plus un problème de feuille de style et
je pense que konqueror est en tort)
Qu'en est il avec IE ?
Y a-t-il une solution à mon problème : je souhaite que le cœur et le carreau
apparaissent et restent rouge... et pique et trèfle noirs...

Merci de vos cogitations et suggestions...