onmouseoverでのアンダーライン表示について

質問

お世話になります。
板違いだったらすいません。
リンクをはっているところを
外部ＣＳＳで
A{text-decoration : none;}
と記述しているのですが
このリンクにマウスポインタが乗った
時にアンダーバーを表示したいのですが
、ネットで調べてみて下記の記述をしたのですが
うまくいきません。
a:hover{text-decoration : underline;}
参考になるサイト又は書き込み板を
ご教授ください。
よろしくお願いいたします。

回答No.2

leap_day · ベストアンサー

こんにちは

合ってるようですが？

text-decoration・・・テキスト(文字)に対しての装飾ですので文字以外だとできませんし、href=""がないと効きませんが・・・

あと考えられるのは外部CSSが効いていないとか？(何もしてないときは下線は消えてます？）

・・・無いとは思うけど<a>～</a>の中身をfloatしたりposition:absolute;していても効きませんが・・・

HTMLのほうをどのように記述しているのか分からないので何とも言えないですね（＞＜）

お礼

遅くなってすいません。
記述ミスでした、
ありがとうございました。

回答No.3

三郷北 M君（@mkun55555）

A{text-decoration : none;}は削除して

a:link {text-decoration : none;}
a:visited {text-decoration : none;}
a:hover {text-decoration : underline;}
a:active{text-decoration : underline;}
としてみたらどうでしょうか。

お礼

遅くなってすいません。
記述ミスでした、
ありがとうございました。

回答No.1

auty

IE 、Firefoxともうまく行きますので、何か他の原因をチェックしてみてください。

<style>
A{text-decoration : none;}

a:hover{text-decoration : underline;}
</style>

たとえば、IEの場合、href属性を省略しているとか。

<a>test</a>

お礼

遅くなってすいません。
記述ミスでした、
ありがとうございました。