So entfernen Sie beim Hover die Unterstreichung eines Namens

Ich habe so ein HTML:

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

legend.green-color{
    color:green;
}

In meinem Fall Sectionsieht es grün aus, aber wenn ich einen Mauszeiger darauf setze, sieht es aus wie ein href, aber ich möchte, dass es genauso bleibt, ohne zu unterstreichen und die Farbe zu ändern.

Ist es möglich, ohne Änderung von CSS oder mit minimalem CSS-Aufwand zu erreichen?

oder kann irgendwie mit jquery sein?

Versuche dies:

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

Entfernen Sie die Textdekoration für das Ankertag

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

Sie können CSS unter verwenden, legend.green-color a:hoverum dies zu tun.

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

So behalten Sie die Farbe bei und verhindern eine Unterstreichung des Links:

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

Sie können dem jeweiligen Link eine ID zuweisen und CSS hinzufügen. Siehe die folgenden Schritte:

1. Fügen Sie eine ID Ihrer Wahl hinzu (muss ein eindeutiger Name sein; kann nur mit Text beginnen, nicht mit einer Zahl):

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

2. Fügen Sie dann das erforderliche CSS wie folgt hinzu:

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