Partage

désactiver un effet hover

Sujet résolu
6 décembre 2017 à 9:32:15

Bonjour,

comment je peux désactiver un effet hover d'un titre svp, j'ai essayé des codes depuis google mais ça n 'a pas marché

merci d'avance

6 décembre 2017 à 9:38:31

Bonjour,

Quel est ton code ? Quel est ton environnement de travail ? Que souhaites tu obtenir précisément ? 

En résumé : pour ne pas avoir d'effet hover, il suffit de ne pas inclure de propriété du type ":hover" dans ton fichier CSS. Impossible de t'aider plus si tu ne nous donnes pas plus de détails. ;)

-
Edité par Mewen_bzh 6 décembre 2017 à 11:01:16

6 décembre 2017 à 10:27:33

Si tu souhaites désactiver le sélecteur hover pour tous les titres, il suffit de retirer le bloc correspondant, mais j'imagine que ce n'est pas ça, le problème. Si tu souhaites désactiver le sélecteur hover pour un titre particulier, tu peux créer une classe dans ta feuille de style et utiliser le sélecteur not de CSS, par exemple :

h1:not(.no-hover):hover {
  color: #F00;
}

Ou utiliser la logique inverse, créer une classe sur laquelle tu appliqueras hover, ce qui revient strictement à la même chose.

h1.hover:hover {
  color: #F00;
}

Si le comportement normal est de faire quelque chose au survol, alors il semble plus logique d'utiliser la première solution, si le comportement normal est de ne rien faire au survol, alors la seconde solution semble plus appropriée, mais en définitive, c'est toi qui choisit.

Voir ce Fiddle : https://jsfiddle.net/dcgy88nc/




-
Edité par Disturb4d 6 décembre 2017 à 10:30:05

Maxime EYCHENNE

désactiver un effet hover

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown