Cara menghapus garis bawah dari nama di hover

Saya memiliki html seperti itu:

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

legend.green-color{
    color:green;
}

Dalam kasus saya Sectionterlihat hijau, tetapi ketika saya meletakkan penunjuk mouse di atasnya menjadi tampak seperti sebuah href, tetapi saya ingin itu tetap sama tanpa garis bawah dan mengubah warna.

Apakah mungkin untuk mencapai tanpa mengubah css atau dengan cahnge css minimum?

atau mungkin entah bagaimana dengan jquery?

coba ini:

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

Hapus dekorasi teks untuk tag jangkar

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

Anda dapat menggunakan CSS di bawah legend.green-color a:hoveruntuk melakukannya.

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

Untuk menjaga warna dan mencegah garis bawah pada link:

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

Anda dapat menetapkan id ke link tertentu dan menambahkan CSS. Lihat langkah-langkah di bawah ini:

1. Tambahkan id pilihan Anda (harus berupa nama yang unik; hanya dapat dimulai dengan teks, bukan angka):

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

2. Kemudian tambahkan CSS yang diperlukan sebagai berikut:

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