Comment puis-je faire un lien en HTML transformer une couleur en survolant et supprimer le soulignement en utilisant CSS?Comment puis-je faire un lien en HTML transformer une couleur en survolant et supprimer le soulignement en utilisant CSS?
Vous souhaitez consulter les propriétés :hover pseudoselector, color property et text-decoration.
a:hover { color: red; text-decoration: none; }
Pour assurer votre lien hypertexte sont décorées de façon que vous le souhaitez (et ne sont pas en conflit avec d'autres règles de style), utilisez !important:
a:hover { color: red !important; text-decoration: none !important; }
Ah oui, important c'est une bonne idée. –
Notez également que IE6 (éventuellement 7, pas sûr) ignore! Important –
en utilisant important est un mauvais coup. vous devez avoir une spécificité de propper, rien de plus – user1721135
Aussi, en plus de stragers réponse, assurez-vous de déclarer le pseudo classes à la manière LoVe HAte. Vous devez déclarer: lien d'abord, puis: visité, puis: hover et ensuite: actif. Sinon, certains navigateurs peuvent ne pas appliquer les pseudo-classes.
a:link{
/*this only apllies to named anchors*/
}
a:visited{
/*possible styles for visited links*/
}
a:hover{
/*when mouse hovers over a-tag*/
text-decoration:none;
color:red;
}
a:active{
/*possible styles on active (when a-tag is clicked)*/
}
@Strager: Ce n'était pas une meilleure édition. – GEOCHET
@Rich B, ah, il semble que vous avez édité le post pendant que je l'éditais, donc mon édition a écrasé le vôtre. Pardon. – strager
@strager: Pas possible, car vous étiez en train d'éditer ma révision, pas la publication originale. Mais peu importe. – GEOCHET