Couleur des bordures du menu de reroutage

Résolu

axelledenin -

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

Configuration: Windows XP
Firefox 2.0

Afficher la suite

5 réponses

Réponse 1 / 5
txiki Contributeur
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
Réponse 2 / 5
axelledenin Auteur
Bonsoir,

merci pour la réponse,

je vais essayer.
0
Réponse 3 / 5
axelledenin Auteur
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
1. Dalida Contributeur
  
  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
2. axelledenin Auteur
  
  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
Réponse 4 / 5
Serge_La
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 ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question
Réponse 5 / 5
axelledenin Auteur
Bonjour,

j'essaierais dans la journée,

merci
0
1. Dalida Contributeur
  
  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
2. axelledenin Auteur
  
  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
3. Dalida Contributeur
  
  @axelledeninbonsoir,
  
  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
4. axelledenin Auteur
  
  @axelledeninOk ca marche maintenant avec firefox , avec IE , ca ne veut rien savoir.
  
  Merci pour votre aide.
  
  0

Couleur des bordures du menu de reroutage

5 réponses

Discussions similaires

Newsletters