How to remove underline on behalf of hover

Question

I have this html:

<legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } 

In my case, Section looks green, but when I hover over it, it looks like href, but I want it to stay the same without underlining or changing colors.

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

or maybe somehow with jquery?

Answer 1

try the following:

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

Answer 2

Remove the text decor for the anchor tag.

 <a name="Section 1" style="text-decoration : none">Section</a> 

Answer 3

To preserve color and prevent underline links:

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

Answer 4

this should do the trick:

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

Answer 5

You can use CSS in legend.green-color a:hover for this.

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

Answer 6

You can assign an identifier to a specific link and add CSS. See the following steps:

1. Add an identifier of your choice (there must be a unique name, it can start only with text, not a number):

 <a href="/abc/xyz" id="smallLinkButton">def</a> 

2. Then add the necessary CSS as follows:

    #smallLinkButton:hover,active,visited{ text-decoration: none; } 

Answer 7

 legend.green-color{ color:green !important; }