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

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


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:

_x000D_
_x000D_
a {
  color: inherit;
}
_x000D_
<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>
_x000D_
_x000D_
_x000D_

~ Answered on 2011-07-17 08:21:42


Most Viewed Questions: