How to remove underline from a name on hover

Question

I have such html:

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

legend.green-color{
    color:green;
}

In my case Section looking green, but when i put mouse pointer on it it became looking like an a href, but i want it stay just the same without underline and changing color.

Is it possible to achieve without changing css or with minimum css cahnge?

or may be somehow with jquery?

Answer 1

try this:

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