Couleur des bordures du menu de reroutage

Résolu
axelledenin Messages postés 13 Date d'inscription   Statut Membre -  
axelledenin Messages postés 13 Date d'inscription   Statut Membre -
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

5 réponses

  1.
    txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   609
     
    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
  2. axelledenin Messages postés 13 Date d'inscription   Statut Membre
     
    Bonsoir,

    merci pour la réponse,

    je vais essayer.
    0
  3. axelledenin Messages postés 13 Date d'inscription   Statut Membre
     
    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 Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      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 Messages postés 13 Date d'inscription   Statut Membre
       
      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
  4. Serge_La Messages postés 408 Statut Membre 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

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

    Posez votre question
  6. axelledenin Messages postés 13 Date d'inscription   Statut Membre
     
    Bonjour,

    j'essaierais dans la journée,

    merci
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      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 Messages postés 13 Date d'inscription   Statut Membre
       
      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
      1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923 > axelledenin Messages postés 13 Date d'inscription   Statut Membre
         
        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
      2. axelledenin Messages postés 13 Date d'inscription   Statut Membre > axelledenin Messages postés 13 Date d'inscription   Statut Membre
         
        Ok ca marche maintenant avec firefox , avec IE , ca ne veut rien savoir.

        Merci pour votre aide.
        0

Discussions similaires

Changer la couleur de fond d'un en-tête
Adamantine -
Karine -

5 réponses
Retrouver réglages couleurs d'origine de mon écran W10
LoulouSophie -
pistouri -

8 réponses
couleur personnage
Gasper -
Izzi -

9 réponses
Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
Kaheil -
Ismo87 -

7 réponses
Comment activer le Bluetooth sur une TV Samsung ?
zaraki490 -
Marjo -

110 réponses