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

Question

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

Answer 1

Simply add this in CSS,

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

that's it, done.

Answer 2

<style>
a {
color:      ;
}
</style>

This code changes the color from the default to what is specified in the style. Using a:hover, you can change the color of the text from the default on hover.

Answer 3

you can do some thing like this:

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

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

if text-decoration doesn't work then include text-decoration: none !important;

Answer 4

You can use System Color (18.2) values, introduced with CSS 2.0, but deprecated in CSS 3.

a:link, a:hover, a:active { color: WindowText; }

That way your anchor links will have the same color as normal document text on this system.

Answer 5

This is also possible:

        a {
            all: unset;
        }

unset: This keyword indicates to change all the properties applying to the element or the element's parent to their parent value if they are inheritable or to their initial value if not. unicode-bidi and direction values are not affected.

Source: Mozilla description of all

Answer 6

a:link{color:inherit;}

this is the simple one line can do all stuffs for you <3