Làm thế nào để loại bỏ gạch dưới từ một tên trên di chuột

Question

Tôi có html ví dụ:

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

legend.green-color{ 
    color:green; 
} 

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

Có thể đạt được mà không thay đổi css hoặc với css ít nhất?

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

Answer 1

thử điều này:

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

Answer 2

Để giữ cho màu sắc và ngăn chặn một gạch dưới vào liên kết:

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

Answer 3

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

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

Answer 4

Tháo trang trí văn bản cho thẻ neo

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

Answer 5

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

1.Add một id của sự lựa chọn của bạn (phải là một tên duy nhất, chỉ có thể bắt đầu với văn bản, không phải là 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; 
        } 
   

Answer 6

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