Cómo quitar el subrayado de un nombre al pasar el mouse

123

Tengo tal html:

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

legend.green-color{
    color:green;
}

En mi caso, se Sectionve verde, pero cuando coloco el puntero del mouse en él, se ve como un href, pero quiero que permanezca igual sin subrayado y sin cambiar de color.

¿Es posible lograrlo sin cambiar css o con un cambio mínimo de css?

o puede ser de alguna manera con jquery?

html css Joper
fuente

Respuestas:

225

prueba esto:

legend.green-color a:hover{
    text-decoration: none;
}
Harry Joy
fuente
20
FYI para las personas que usan Bootstrap ... necesitaba usar "! Important" después de "none" para que esto funcione. Ejemplo: a: hover {text-decoration: none! Important; }
JustBlossom
19

Eliminar la decoración de texto de la etiqueta de anclaje

<a name="Section 1" style="text-decoration : none">Section</a>
Adithya Surampudi
fuente
4
Se considera una mala práctica utilizar estilos en línea. Es mejor separar html de los estilos para reducir el trabajo de mantenimiento más adelante.
7
No quiero mencionar una guerra de llamas aquí, pero me gusta este estilo en línea. Quiero decir que mi archivo HTML solo necesita este tipo de estilo una o dos veces. No veo el tiempo justificado creando una hoja de estilo separada, incluso la separación es una buena práctica.
user3454439
6

Puede usar CSS debajo legend.green-color a:hoverpara hacerlo.

legend.green-color a:hover {
    color:green;
    text-decoration:none;
}
Pequeño Colisionador de Hadrones
fuente
5

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

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

Puede asignar una identificación al enlace específico y agregar CSS. Vea los pasos a continuación:

1.Agregue una identificación de su elección (debe ser un nombre único; solo puede comenzar con texto, no con un número):

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

  1. Luego agregue el CSS necesario de la siguiente manera:

    #smallLinkButton:hover,active,visited{

      text-decoration: none;
      }
Raymond Wachaga
fuente
2 

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

BaiJiFeiLong
fuente