HTMLハイパーリンクの「a」タグのデフォルトのリンク色を削除するにはどうすればよいですか？

デフォルトのリンクの色は青です。HTMLハイパーリンクタグのデフォルトのリンク色を削除するにはどうすればよい<a>ですか？

継承値：

a { color: inherit; } 

…要素がその親の色を取るようになります（これは私があなたが探しているものだと思います）。

次のようなことができます：

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

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

text-decorationが機能しない場合は、text-decorationを含めます。なし！important;

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

上記のクラス定義を投稿する必要があると感じたので、SOの回答の多くは一部の州を見逃しています

ブラウザーによって提供される下線とデフォルトの色を表示したくない場合は、main.cssファイルの上部に次のコードを含めることができます。別の色や装飾のスタイルが必要な場合は、以下のコードスニペットを使用してデフォルトを簡単にオーバーライドできます。

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

これも可能です：

        a {
            all: unset;
        }

unset：このキーワードは、要素または要素の親に適用されるすべてのプロパティを、継承可能な場合は親の値に、継承できない場合は初期値に変更することを示します。unicode-bidiとdirectionの値は影響を受けません。

出典：すべてのMozillaの説明

あなたが使用する必要がありますCSS。デフォルトのリンクの色を変更する例を次に示します。リンクがそこにあるとき、ホバーされているとき、アクティブなリンクのときです。

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

これを単にCSS、

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

それで終わりです。

CSS 2.0で導入されたシステムカラー（18.2）値を使用できますが、CSS 3では非推奨です。

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

これにより、アンカーリンクの色がこのシステムの通常のドキュメントテキストと同じになります。

a:link{color:inherit;}

これはあなたのためにすべてのものを行うことができる単純な1行です<3

これは動作します

    a:hover, a:focus, a:active {
        outline: none;
    }

これにより、3つの疑似クラスすべてのアウトラインが削除されます。