Fareyle üzerine gelindiğinde bir adın altını çizme

Böyle html'im var:

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

legend.green-color{
    color:green;
}

Benim durumumda Sectionyeşil görünüyor, ancak üzerine fare işaretçisini koyduğumda bir href gibi görünmeye başladı, ancak altını çizmeden ve rengi değiştirmeden aynı kalmasını istiyorum.

CSS değiştirmeden veya minimum css cahnge ile başarmak mümkün müdür?

veya bir şekilde jquery ile olabilir?

bunu dene:

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

Bağlantı etiketi için metin süslemesini kaldırın

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

Bunu legend.green-color a:hoveryapmak için CSS'yi kullanabilirsiniz .

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

Rengi korumak ve bağlantının altının çizilmesini önlemek için:

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

Belirli bir bağlantıya bir kimlik atayabilir ve CSS ekleyebilirsiniz. Aşağıdaki adımlara bakın:

1. İstediğiniz bir kimlik ekleyin (benzersiz bir ad olmalıdır; yalnızca metinle başlayabilir, sayı ile değil):

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

2. Ardından gerekli CSS'yi aşağıdaki gibi ekleyin:

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