すみません。教えてください。リンク先の下線を消す場合、要素に直接書くときは下記のように書けばいいのですよね。文字マウスオンしたときだけ下線を表示させる場合はどうしたらいいのでしょうか。お分かりの方宜しくお願いします。

疑似クラスを用いて書くのがスマートだと思いますね。 a {text-decoration:none;} a:hover {text-decoration:underline;} 文字といった感じで。ご参考までに、疑似クラスとは http://park19.wakwak.com/~zashiki/css-make/pseudo.html

～マウスオンしたときに下線を表示させたい～

解決済

質問者：moco0530
質問日時：2011/06/30 23:57
回答数：2件

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

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

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： fji_jp
回答日時：2011/07/01 04:43

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

<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

- 0
- 件

通報する

この回答へのお礼

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

通報する

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

No.1

回答者： szk9998
回答日時：2011/07/01 00:44

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

<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

通報する