il doit y avoir quelque chose dans la CSS, utilise l'inspecteur web de ton navigateur pour quoi les propriétés utilisées, tu peux également procéder par étapes, en ne gardant que la partie de la css concernée, et ajouter les autres lignes au fur et à mesure
le plus simple : donne le code de la page en ligne quelque part
J'ai copié collé ton code et il fonctionne chez moi. Je pense que tu as d'autres CSS qui contredisent ces lignes.
Attention ! Les priorités en CSS sont subtiles : c'est la règle la plus précise qui est prioritaire, quelque soit son ordre d'apparition. Par exemple une règle avec sur l'id (#) est plus précise qu'une sur une classe (.) .
Ou alors tu utilises simplement un vieux navigateur. A une époque le :hover ne fonctionnait que sur les liens et les input.
:active est l'effet de style qui apparais au clique du client. (la durée d'apparition du style dépend de la durée de temps que l'élément et presser ou cliquer.)
:hover effet qui s'applique au survole.(sur pc= survole souris / sur mobile = click)
le :hover sur mobile réagis comme un :active ou presque (permanent, si tu ne clique pas à coter pour le désélectionner ton :hover reste actif sur mobile).
Si tu attribut un :active à l'un de tes éléments alors sur mobile le :active seras prioritaire (clique, apparition du style :active une demi seconde et plus de style :active ni de :hover)
Si tu attribut un :hover à l'un de tes éléments alors sur mobile le:hover reste actif jusqu’à dé-sélection.(à condition de ne pas avoir attribuer de :active)
Aide toi le ciel t'aidera.
css hover ne fonctionne pas
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Alain - Linkedin
Aide toi le ciel t'aidera.
Aide toi le ciel t'aidera.
Aide toi le ciel t'aidera.