How to disable automatic links coloring without selecting a color?

Question

Hi,

this is really confusing, i don't want the browser to change the color of links, so the links color will stay same as specified in <font> . i know that i can specify a color with the property A:link , but that's not what i want.

Thanks

Answer 1

Specify the same color for a:visited and maybe also a:hover and a:active or simply put the color inline like this:

<a href="url" style="color:#69c">link text</a>

<font> is deprecated anyway.

Answer 2

If you don't want any coloration just do something like this:

a {
  color:inherit;
  text-decoration: none;
 }

If it still hovers, just do "a, a:hover, a:visited, a:active {...}

Answer 3

I'm pretty sure there's no way to do what you're describing. But if you want the link color to match the body text color, I'd recommend this...

The body text color came from somewhere. Probably a CSS definition. Inspect some text in Firebug to see exactly where the applied color was defined. For example, maybe it points you to a rule like this:

body { color:#666; }

Just add in your A tag right there, so it would be like this. I know it's redundant but I really don't think CSS has a way to say "inherit from one level higher in the cascade than you usually would."

body, a { color:#666; }