2012-04-22 7 views
2

下線、太字、および色のすべての標準スタイルをアンカータグから削除して、すべてのアンカータグがリンクでありディスプレイを動かさないようにしたいと思います。CSSでアンカータグのスタイルを変更する

私は次のように試みましたが、私はまだ痛みである青と太字の中にすべてを持っています。

a, 
a:link, 
a:visited, 
a:hover, 
a:active { 
    color: inherit; 
    text-decoration: inherit; 
    font-weight: inherit; 
} 

だけの交換を置換することにより、実際のスタイルは、アンカーの中に動揺しないように、それがすべてで、リンクのスタイルを持っていないにスタイルを削除しないためにどのように誰もが知っています。

+0

あなたのページ内のリンク* *はどのようにユーザーに分かりますか?あなたは彼らに独特の外観を与えていますよね?それで人々はそれらを見ることができますか? –

+0

David Thomasにはポイントがあります。マウスをページ上に移動してカーソルが変化するかどうかを確認することで、リンクを見つけることができます。スタイルに 'cursor:text'を適用します。あなたのリンクは完全に検出されません! –

答えて

2

わかりません。これが役立つ場合に試してください:

a, 
a:link, 
a:visited, 
a:hover, 
a:active { 
    color: #000000; /*color of your choosing*/ 
    text-decoration: none; 
    font-weight: normal; 
} 
+1

私は、 'a'要素を不可視にするか、非特色にしようとしているなら、' color:inherit'を提案します。 –

+0

@David Thomas、キーワード値 'inherit'はブラウザでは特定の色の値として広くサポートされていません。 –

+1

本当ですか?それをサポートしていないのは何ですか?しかし、辺の場合でも、ブラウザーが理解できる通常の色* first *を設定し、 'inherit'を使用して2番目の宣言でオーバーライドする限り、問題は発生しません。 –

5

そのCSSが動作するはずです。おそらくあなたのスタイルシートがロードされていないでしょうか?たとえば、リンクのフォントサイズを明らかに大きくして、font-size:50px;としてみてください。

リンクが大きいものの、色/テキストの装飾/フォントの重さがまだ継承されていない場合は、問題は何か分かりませんが、リンクが同じサイズのままであれば、あなたのhtmlファイルにcss。

0

@ Drejonの回答はほとんど私が欲しかったが、明示的に色、テキストの装飾とフォントの重量を設定していたので、aタグは親からそれらの値を取らせていた。ここでは、私が使用し終わったものです:

a, a:link, a:visited, a:hover, a:active { 
    color: inherit; 
    text-decoration: inherit; 
    font-weight: inherit; 
} 
関連する問題