¿Cómo eliminar subrayado de un nombre en vuelo estacionario

Question

tengo tales html:

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

legend.green-color{ 
    color:green; 
} 

En mi caso Section mirando verde, pero cuando pongo el puntero del ratón sobre él se convirtió en el aspecto de un a href, pero quiero permanece igual sin subrayado y cambiando de color.

¿Se puede lograr sin cambiar css o con un mínimo de css cahnge?

o puede ser de alguna manera con jquery?

Answer 1

probar esto:

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

Answer 2

para mantener el color y evitar un subrayado en el enlace:

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

Answer 3

Usted puede utilizar CSS bajo legend.green-color a:hover para hacerlo.

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

Answer 4

Retire la decoración del texto de la etiqueta de anclaje

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

Answer 5

Puede asignar un id al enlace específico y añadir CSS. Ver los siguientes pasos:

1.Add un id de su elección (debe ser un nombre único, y sólo puede comenzar con el texto, no un número):

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

2. continuación, agregue el CSS necesario de la siguiente manera:

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

Answer 6

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