Comment supprimer la couleur de lien par défaut de la balise html hyperlink 'a' ?

Question

La couleur par défaut des liens est le bleu. Comment supprimer la couleur de lien par défaut de la balise html hyperlink ? <a> ?

Answer 1

En valeur héritée :

a { color: inherit; } 

fera en sorte que l'élément prenne la couleur de son parent (ce qui est, je pense, ce que vous recherchez).

Une démonstration en direct suit :

a {
  color: inherit;
}

<p>The default color of the html element is black. The default colour of the body and of a paragraph is inherited. This
  <a href="http://example.com">link</a> would normally take on the default link or visited color, but has been styled to inherit the color from the paragraph.</p>

Answer 2

Essayez quelque chose comme ça :

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover {
    color:#00A0C6; 
    text-decoration:none; 
    cursor:pointer;  
}

Si text-decoration ne fonctionne pas, changez-le en :

text-decoration: none !important;

En !important a préséance sur toutes les autres règles de style à l'adresse text-decoration attribut. Vous pouvez en savoir plus à ce sujet ici .

Answer 3

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

J'ai estimé qu'il était nécessaire de poster la définition de la classe ci-dessus, car beaucoup de réponses sur SO manquent certains des états.

Answer 4

Vous devez utiliser CSS . Voici un exemple de modification de la couleur par défaut d'un lien, lorsque le lien est simplement posé, lorsqu'il est survolé et lorsqu'il s'agit d'un lien actif.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

Answer 5

Disons que votre couleur par défaut est le vert (#0F0), vous devez alors ajouter ceci en haut de votre CSS :

a {color:#0F0}