2011-07-17 5 views
143

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

+0

デフォルトのテキストの色。今あなたの問題は何ですか? – VMAtm

+2

@Terry_Brown - 私は、以下の "色:継承"の答えを見つけたかったので、この質問は非常に便利でした。質問はあまりにも関連していた... – Sk93

答えて

287

理論上:

a { color: inherit; } 

...要素が親の色(これはあなたが探していると思うもの)になります。

IIRCでは、一部のバージョンのMSIEでは明示的な継承に問題があります。

+2

あなたは私に多くの時間を節約..ありがとう –

+0

IEで動作> = 8 – Jerem

+0

それは私のために働いていませんでした。私も同じことが必要でした。私は Ziggler

0

は、その後、あなたのCSSの先頭にこれを追加する必要があります(#の0F0)のは、あなたのデフォルトの色が緑色であるとしましょう:

a {color:#0F0}

+1

青、緑ではない – nonrectangular

+0

あなたはまったく正しい!さらに – MeLight

7

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

<head> 
    <style> 
     a:link{ 
      color: red; 
     } 
     a:hover{ 
      color: blue; 
     } 
     a:active{ 
      color: green; 
     } 
    </style> 
</head> 
<body> 
    <a href='http://google.com'>Google</a> 
</body> 
37

あなたはこのようないくつかのことを行うことができます。

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

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

を修正して、特定のリンクの色を変更しないようにしたい場合は、タグの内側にタグを追加してください: test link wiztrail

+0
3

あなたはsystem color値を使用することができます(CSS 2.0で導入されたが、CSS 3で非推奨):

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

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

+0

ありがとうこれは選択された答え正直にする必要があります – RickS

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

私はSOの状態の一部

2

これはも可能です欠場上の答えの多く、上記のクラス定義を投稿することが必要と感じた:

 a { 
      all: unset; 
     } 

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

出典: `は`青であるためMozilla description of all

+0

あなたはあなたにできるとは限りません。私は、このルールの本質を考えれば、実際に何をするのかについて少し詳しく述べるべきだと言いたいと思います。 – Tom

関連する問題