How to remove the default link color of the html hyperlink 'a' tag?

Rafiu picture Rafiu · Jul 17, 2011 · Viewed 505.3k times · Source

The default link color is blue. How to remove the default link color of the html hyperlink tag <a>?

Answer

Quentin picture Quentin · Jul 17, 2011

The inherit value:

a { color: inherit; } 

… will cause the element to take on the colour of its parent (which is what I think you are looking for).

A live demo follows:

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>