Eliminar el subrayado obstinado del enlace

Estoy intentando que aparezca un enlace en blanco, sin subrayado. El color del texto se muestra correctamente como blanco, pero el subrayado azul persiste obstinadamente. Intenté text-decoration: none; y text-decoration: none !important; en el CSS para eliminar el subrayado del enlace. Ninguno funcionó.

El HTML:

 

Current Page Different Page

El CSS:

 .boxhead .otherPage { color: #FFFFFF; text-decoration: none; } 

¿Cómo puedo eliminar el subrayado azul del enlace?

Como esperaba, no está aplicando text-decoration: none; a un anclaje (.boxhead a) pero a un elemento span (.boxhead).

Prueba esto:

 .boxhead a { color: #FFFFFF; text-decoration: none; } 

La etiqueta de anclaje (enlace) también tiene pseudoclases como visitado, hover, enlace y activo. Asegúrese de que su estilo se aplique a los estados en cuestión y que ningún otro estilo entre en conflicto.

Por ejemplo:

 a:hover, a:visited, a:link, a:active { text-decoration: none; } 

Consulte W3.org para obtener más información sobre las pseudo-clases de acción del usuario: hover,: active y: focus.

text-decoration: none !important debería eliminarlo. ¿Estás seguro de que no hay un border-bottom: 1px solid acecho? (Rastrear el estilo calculado en Firebug / F12 en IE)

Simplemente agregue este atributo a su etiqueta de anclaje

style="text-decoration:none;"

Ejemplo:

  

O usa el modo CSS.

 .classname a { color: #FFFFFF; text-decoration: none; } 

A veces, lo que estás viendo es una sombra de cuadro, no un texto subrayado.

Pruebe esto (utilizando los selectores de CSS que sean apropiados para usted):

 a:hover, a:visited, a:link, a:active { text-decoration: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } 

Se ha perdido text-decoration:none para la etiqueta de anclaje . Entonces el código debería estar siguiendo.

 .boxhead a { text-decoration: none; } 
 

Current Page Different Page

Sin ver la página, difícil de especular.

Pero me parece que puede tener un border-bottom: 1px solid blue; siendo aplicado. Quizás agregar border: none; . text-decoration: none !important is right, es posible que tengas otro estilo que aún así prevalezca sobre ese CSS.

Aquí es donde usar Firefox Web Developer Toolbar es increíble, puedes editar el CSS allí mismo y ver si las cosas funcionan, al menos para Firefox. Está en CSS > Edit CSS .

Como regla general, si su “subrayado” no es del mismo color que su texto [y el ‘color:’ no se reemplaza en línea] no proviene de “texto-decoración:” Tiene que ser “borde-fondo:”

¡No olvides quitar el borde de tus pseudo clases también!

 a, a:link, a:visited, a:active, a:hover {border:0!important;} 

Este fragmento asume que está anclado, cambia su envoltorio en consecuencia … y usa especificidad en lugar de “! Importante” después de rastrear la causa raíz.

Mientras que las otras respuestas son correctas, hay una manera fácil de deshacerse del subrayado en todos esos molestos enlaces:

 a { text-decoration:none; } 

¡Esto eliminará el subrayado de TODOS LOS VÍNCULOS ÚNICOS en su página!

Solo usa la propiedad

 border:0; 

y estás cubierto. Funcionó perfectamente para mí cuando la propiedad de decoración de texto no funciona en absoluto.

Ninguna de las respuestas funcionó para mí. En mi caso, había un estándar

 a:-webkit-any-link { text-decoration: underline; 

en mi código Básicamente, cualquiera que sea el enlace, el color del texto se vuelve azul, y el enlace se queda donde sea.

Así que agregué el código al final del encabezado de esta manera:

   a:-webkit-any-link { text-decoration: none; }   

y el problema ya no existe

Si text-decoration: none o border: 0 no funciona, intente aplicar estilo en línea en su html.

Has usado text-decoration none en el selector incorrecto. Debe verificar qué etiqueta necesita para decorar ninguna.

Puedes usar este código

 .boxhead h2 a{text-decoration: none;} 

O

 .boxhead a{text-decoration: none !important;} 

O

 a{text-decoration: none !important;} 

Aquí hay un ejemplo para el control LinkButton de asp.net webforms:

   

Código detrás:

  lbmmr1.Attributes.Add("style", "text-decoration: none;")