Changer la couleur quand souris passe dessus

Résolu/Fermé

Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 - 8 mai 2012 à 15:44
Keo19 Messages postés 42 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 7 juillet 2019 - 21 juil. 2014 à 11:20

Bonjour,

J'ai fais un site internet et j'aimerais y rajouter juste un petit détail.
J'ai un tableau qui affiche une requete de ma base de données.

C'est un tableau simple à deux colonnes.
Ce que j'aimerais faire, c'est que quand la souris passe sur une ligne, celle-ci change son fond de couleur.

Je sais que ça peut ce faire en Javascript avec une commande du style de "onclick" et "onfocus", mais je ne sais pas laquelle.

Cordialement,
Sara.

A voir également:

Changer la couleur quand souris passe dessus
Changer dns - Guide
Changer la couleur de la barre des taches - Guide
Quelle touche pour débloquer la souris ? - Guide
Excel cellule couleur si condition texte - Guide
Changer couleur whatsapp - Accueil - Messagerie instantanée

2 réponses

Réponse 1 / 2

Flachy Joe Messages postés 2103 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 21 novembre 2023 260
8 mai 2012 à 19:39

En css :

<table id="matable">
<tr><td>Contenu</td><td>qui change de couleur</td></tr>
<tr><td>une autre</td><td>ligne</td></tr>
</table>
<style type="text/css">
#matable tr{
  background-color:blue;
}
#matable tr:hover{
  background-color:red;
}
</style>

bg62 Messages postés 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025 2 392
8 mai 2012 à 20:14

bien vu ;)

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
9 mai 2012 à 10:05

Le hover, un attribut css sous-estimé ;)

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
9 mai 2012 à 10:53

Les gens qui remplacent le "hover" par du "onMouseOver" et "onMouseOut" devraient tous être brulés, tiens :P

Réponse 2 / 2

IchizuKhivar Messages postés 4 Date d'inscription mardi 4 mars 2014 Statut Membre Dernière intervention 9 avril 2014 2
4 mars 2014 à 22:55

Bonjour j'aurais une question, et si ce que je veux c'est mettre un fond de couleur différente avec un hover mais aussi que le texte dans la cellule change de couleur comment faire ? :s

Keo19 Messages postés 42 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 7 juillet 2019 1
21 juil. 2014 à 11:20

Bonjour,

En ajoutant

color:CodeCouleurHexa

dans ta balise CSS comme ci-dessous :

#matable tr{
  background-color:blue;
color:#336699; 
}
#matable tr:hover{
  background-color:red;
color:#336699; 
}

Discussions similaires

sertissage des cables rj45