web-dev-qa-db-ja.com

HTMLハイパーリンク 'a'タグのデフォルトのリンクカラーを削除する方法

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

199
Rafiu

継承値

a { color: inherit; } 

…要素はその親の色を取ります(これが私があなたが探していると思うものです)。

389
Quentin

あなたはこのようなことをすることができます:

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

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}
47
kleinohad
.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

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

17
Kaan Soral

ブラウザによって提供されているテキストの装飾とデフォルトの色を表示したくない場合は、main.cssファイルの先頭に次のコードを追加してください。あなたがいくつかの異なる色と装飾のスタイルプロパティを必要とするなら、あなたはスタイルファイルのこのコードスニペットの下で簡単に上書きすることができます。

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

あなたはCSSを使わなければなりません。これは、リンクが表示されているとき、ホバーされているとき、アクティブリンクのときに、既定のリンク色を変更する例です。

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}
<a href='http://google.com'>Google</a>
7
Saad Imran.

これも可能です:

        a {
            all: unset;
        }

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

出典: Mozillaのすべての説明

7
gerd hübner

CSS 2.0で導入された システムカラー(18.2) の値を使用できますが、はCSS 3では推奨されません

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

そうすれば、あなたのアンカーリンクはこのシステムの通常の文書テキストと同じ色になります。

2
knittl

これをCSSに追加するだけです。

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

これで終わりです。

1
ArifMustafa
a:link{color:inherit;}

これは、1行ですべてのことができる簡単な方法です<3

0
sounish nath

これを試して。

a {
  &:visited,
  &:hover,
  &:active,
  &:link {
    color: var(--primary);
  }
}
0
Chawki

デフォルトの色が緑色(#0F0)であるとしましょう。そして、これをあなたのCSSの一番上に追加するべきです:

a {color:#0F0}

0
MeLight