How to remove the default link color of the html h

Question

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

Answer 1

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 2

Simply add this in CSS,

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

that's it, done.

Answer 3

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 4

Let's say your default color is green (#0F0), then you should add this to the top of your CSS:

a {color:#0F0}

Answer 5

If you don't want to see the text decoration and default color which is provided by the browser, you can keep the following code in the top of your main.css file. So if you need some different color & decoration styling property you can override easily in the below of this code snippet in the style file.

 a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Answer 6

The inherit property:

a { color: inherit; } 

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