マウスオーバー時に名前の下線を削除する方法 質問する

マウスオーバー時に名前の下線を削除する方法 質問する

このような HTML があります:

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

私の場合はSection緑色に見えますが、マウス ポインターを置くと a href のように見えます。ただし、下線を付けたり色を変えたりせずに、そのままにしておきたいのです。

CSS を変更せずに、または最小限の CSS 変更で実現することは可能ですか?

あるいは、jQuery と何らかの関係があるのでしょうか?

ベストアンサー1

これを試して:

legend.green-color a:hover{
    text-decoration: none;
}

おすすめ記事