[解決済み] カーソルを合わせたときに名前の下線を消す方法

質問

このようなhtmlがあります。

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

legend.green-color{
    color:green;
}

私の場合 Section は緑色に見えますが、その上にマウスポインタを置くと、それはa hrefのように見えるようになりましたが、私はそれが下線と色を変更せずに同じように滞在したいです。

cssを変更せずに、もしくは最小限のcssの変更で実現することは可能でしょうか？

もしくはjqueryでなんとかなりませんか？

どのように解決するのですか？

これを試してみてください。

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