こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IEでCSSのアンカー色指定が反映しない

<style type="text/css">

a:visited { color:blue;}

div.testB {
padding-left:12px;
clear:both;
}
div.testB a{
color:#000000;
text-decoration:none;
font-weight:bold;
}
div.testB a:hover{
color: #cc0000;
font-weight:bold;
text-decoration:underline;
}
</style>


<div class="testB">
<div><a href="#">リンク</a></div>
</div>

このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが…
解決策ありますでしょうか。
よろしくおねがいします。

投稿日時 - 2006-10-16 21:31:06

QNo.2477133

困ってます

質問者が選んだベストアンサー

IEのバグのようです。
http://members.at.infoseek.co.jp/cssbug/detail/winie/b101.html

ただ、私が試したところ再現しなかったので、有効かどうかわかりませんが
a:visited { color:blue;}

body a:visited { color:blue;}
とか、少し工夫するといいのかもしれません。

投稿日時 - 2006-10-16 21:57:15

お礼

バグなのですね。。
body a:visited { color:blue;}
では変化ありませんでしたが
div.testB a{}

.class1 .class2 .testB a{}
のように一番外枠のクラスから指定すると解決しました。
回答ありがとうございました。

投稿日時 - 2006-10-18 10:34:12

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問