Cách xóa gạch chân khỏi tên khi di chuột

Tôi có html như vậy:

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

legend.green-color{
    color:green;
}

Trong trường hợp của tôi, nó Sectiontrông có màu xanh lục, nhưng khi tôi đặt con trỏ chuột vào nó, nó trông giống như một href, nhưng tôi muốn nó giữ nguyên mà không có gạch chân và thay đổi màu sắc.

Có thể đạt được mà không cần thay đổi css hoặc với cahnge css tối thiểu không?

hoặc có thể bằng cách nào đó với jquery?

thử cái này:

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

Xóa trang trí văn bản cho thẻ liên kết

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

Bạn có thể sử dụng CSS bên dưới legend.green-color a:hoverđể làm điều đó.

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

Để giữ màu và ngăn gạch dưới trên liên kết:

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

Bạn có thể gán một id cho liên kết cụ thể và thêm CSS. Xem các bước dưới đây:

1. Thêm id bạn chọn (phải là tên duy nhất; chỉ có thể bắt đầu bằng văn bản, không phải số):

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

2. Sau đó thêm CSS cần thiết như sau:

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