Code couleur liens dans balise Form [Résolu/Fermé]

Signaler
-
 Greenthumb -
Bonjour,





<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="lien.html" >1</option>
<option value="lien.html" >2</option>
<option value="lien.html" >3</option>
</select>
</form>

ce code fonctionne tres bien chez moi , j'aurais voulu simplement que le texte soit en couleur
Exemple : vert pour lien actif ( website , utube ...... ) rouge pour lien non actif
Si quelqu'un saurait m'aider ce serait super sympa
ps j'ai essayé avec les balises couleur mais cela ne marche pas
Merci a d'avance

2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
594
Bonjour

tu peux transformer les couleurs du select avec css
exemple

select {
color:green;
background-color:#FFFF99;
}

select:hover {
color:red;
background-color: #66FFFF;
}

par contre c'est impossible de changer la couleur du option au passage de la souris sans un javascript ou jquery
https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/

pourquoi ne pas faire plutot un menu déroulant en html/css
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Un grand merci de la réponse , fonctionne impeccable ;)
ps : j'ai opté pour le menu déroulant html/css
Merci