Couleur des bordures du menu de reroutage

Résolu
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   -  
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

quelqu'un aurait-il une idée pour colorer le cadre d'un menu de reroutage à la manière de ce qui se passe lorsqu' on passe la souris sur le menu de reroutage du lien suivant ?

https://www.adobe.com/fr/downloads.html

En vous remerciant par avance,

Axelle
A voir également:

5 réponses

txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
Salut axelle,
il te faudrait créer un style.
en css ça donnerait ceci:
a:hover { /* couleur de fond du lien survolé */
	background-color: #99A9C2; /* couleur en héxadécimal */
	}

Tu ajoute ça dans ta feuille de style. Tu peux aussi supprimer le soulignement des liens, changer la couleur du texte etc etc ....

0
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir,

merci pour la réponse,

je vais essayer.
0
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
non ca ne marche pas

je n'ai d'ailleurs remarqué aucun changement après l'insertion du bout de code dans ma feuille de styles.css

merci quand même
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

si tu souhaites modifier l'aspect de la liste déroulante, tu peux lui appliquer les propriétés css.
select{
border:1px solid black;
color:#fff;
background-color:#900;
}
option{
font-size:1.5em;
}

0
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir,

merci pour ton aide ; effectivement, cette fois-ci, je vois bien le changement.

Cependant cela, bien qu'intéressant ne répond pas à mon problème. En effet, ma question comme illustrée par le lien adobe, porte sur, non pas sur la surface du menu de reroutage mais sur les contours de celui-ci : contour du menu de reroutage qui se colore en vert ipod sur l'exemple adobe.

Bonne soirée et merci encore
0
Serge_La Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   47
 
Bonsoir,
Un javascript peut faire ça. Pas sûr avec css seul, puisque ce n'est pas un lien. Si oui, il faut utiliser :hover dans le css:

select:hover (et ici ton css de bordure)

Je n'ai pas essayé. Dis-moi si ça fonctionne.

Serge.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

j'essaierais dans la journée,

merci
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
tu veux juste avoir le "border" en vert quand tu survoles ?
--> css, pseudo-classe "hover"

<html>
	<head>
		<title>Axelle, tu exagères... ;o)</title>
		<style type="text/css">
			select{
				border:1px solid #000;
				color:#fff;
				background-color:#900;
			}
			select:hover{
				border-color:#6d5;
				color:#000;
				background-color:#fff;
			}
		</style>
	</head>
	<body>
		<select>
			<option>item 1</option>
			<option>item 2</option>
			<option>item 3</option>
		</select>
	</body>
</html>

aperçu
0
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir,

merci beaucoup pour la réponse ;

je l'ai testé ; ca ne marche pass encore chez moi puisque je n'ai pas la couleur verte comme sur ton exemple mais je vais finir par y arriver.

Encore une fois merci

Bonne soirée

Axelle
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
bonsoir,

vérifie que le style du <select> ne soit pas aussi définie dans la balise <style> de ta page html.
si c'est le cas efface le style du code html, il a un "poids" (ou un priorité) qui vaut 1000 ce qui est beaucoup plus qu'un style défini dans un fichier css.
0
axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   > axelledenin Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Ok ca marche maintenant avec firefox , avec IE , ca ne veut rien savoir.

Merci pour votre aide.
0