html - CSS a:link keep original color

Question

Is it possible to tell a link not to change color in CSS and use the default one.

Example

I have a text in red and that text is a link too. Normaly that text will change blue because it's a link, but I want it to stay red.

So is there a global style for a:link to select no color at all ?

Answer 1

Try this in your stylesheet:

a:link {
   color:inherit;
}

Note that you then probably should make sure you have some other way to identify links, or your users will be confused. (I.e. don't remove the underlining, too.)

If you want to deal with browsers not supporting inherit, I suppose repeating the definition which originally set your color will do.

As an example, assume the class important should be shown in red:

.important {
    color:red;
}

.important a:link {
    color:red;
}

But of course it is not nice to have to double all color indications. I assume one could do something in JavaScript (looping through all the a elements and giving them the right class explicitly). (I have no IE available to test this.)