【最大10000ポイント】当たる!!質問投稿キャンペーン!

すみません。教えてください。

リンク先の下線を消す場合、要素に直接書くときは下記のように書けばいいのですよね。

<a href="リンク先" style="text-decoration:none;">文字</a>


マウスオンしたときだけ下線を表示させる場合はどうしたらいいのでしょうか。
お分かりの方宜しくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ヤフオクでは使用できるタグおよび属性の制限が厳しいため、使用できるかどうかわかりませんが次の方法はどうでしょうか?



<a href="リンク先" style="text-decoration:none;" onmouseover="style.textDecoration='underline';" onmouseout="style.textDecoration='none';">文字</a>

もしこれでもダメでしたら、マウスオンしたときにだけ下線を表示する方法が他に無いかと思います。

ヤフオクで使用可能タグ一覧の参考となるサイトを見つけましたので、参考URLを張っておきます。

参考URL:http://www.auclinks.com/tag/yahoo_tag.php
    • good
    • 0
この回答へのお礼

ありがとうございます。やはりヤフオクではうまく表示されませんでした。
でもとても参考になりました。
本当にありがとうございました。

お礼日時:2011/07/03 01:08

疑似クラスを用いて書くのがスマートだと思いますね。



<html>
<head>
<style>
a {text-decoration:none;}
a:hover {text-decoration:underline;}
</style>
</head>
<body>
<a href="リンク先">文字</a>
</body>
</html>

といった感じで。

ご参考までに、疑似クラスとは
http://park19.wakwak.com/~zashiki/css-make/pseud …

この回答への補足

早速ありがとうございます。試してみたところうまくいったように見えたのですが、
ヤフオクの説明文欄に入れたくて試したところ、対応タグに制限があるらしく、

a {text-decoration:none;} a:hover {text-decoration:underline;}

部分がうまく表示されませんでした。
すみません、わかりますでしょうか?

先にヤフオクで使うと入れればよかったですね。ここで補足させていただきます。
宜しくお願いいたします。

補足日時:2011/07/01 01:29
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング