Skip to main content

Remplacement des couleurs de lien par défaut sur un navigateur Web à l'aide de CSS

Tous les navigateurs Web utilisent les couleurs par défaut pour les liens si le concepteur Web ne les a pas définies. Elles sont:

  • La couleur du lien par défaut
  • La couleur du lien actif (lorsque la souris est cliquée et maintenue sur le lien)
  • La couleur du lien suivi (lorsque le lien a été cliqué précédemment)

De plus, bien que la plupart des navigateurs Web ne changent pas cela par défaut, vous pouvez également définir la couleur de survol: la couleur du lien quand une souris est maintenue dessus.

Utiliser CSS pour changer les couleurs des liens

Pour changer ces couleurs, utilisez une feuille de style en cascade. Le moyen le plus simple de changer la couleur du lien consiste à styler la balise:

a {couleur: noir; }

Avec cette CSS, certains navigateurs changeront tous les aspects du lien (actif, suivi et survolé) en noir, tandis que d'autres changeront seulement la couleur par défaut.

Utiliser les pseudo-classes CSS pour modifier toutes les parties d'un lien

Une pseudo-classe est représentée en CSS avec deux points (:) devant le nom de la classe. Quatre pseudo-classes affectent les liens:

Pour changer la couleur du lien par défaut:

a: link {color: red; }

Pour changer la couleur active:

a: actif {couleur: bleu; }

Pour changer la couleur du lien suivi:

a: visité {couleur: violet; }

Pour changer la couleur de la souris:

a: hover {couleur: vert; }

Considérations

Évitez d’écraser les couleurs de lien par défaut pour rendre les liens plus difficiles à trouver. Par exemple, modifier un lien sur une couleur très claire sur un fond blanc aura des conséquences négatives sur les visiteurs malvoyants. Ciblez également des couleurs distinctes pour les couleurs actives et les couleurs suivies, afin que les visiteurs du site ne se confondent pas avec les pages consultées.