Quitar el subrayado de un Html.ActionLink

Tengo una Html.ActionLink en mi página y estoy usando el siguiente CSS en él para darle una imagen y tratar de eliminar el subrayado .....Quitar el subrayado de un Html.ActionLink

a.searchButton 
{ 
    background-image: url(/content/images/DropAcross.png); 
    background-repeat: no-repeat; 
    height: 16px; 
    width: 16px; 
    display: block; 
    text-decoration: none; 
    clear:none; 
}

¿Alguien puede ver un problema con esto? Todas las propiedades de CSS parecen funcionar aparte de la decoración de texto: ninguna, lo que parece dejar el subrayado en su lugar.

Fuente

2010-10-15 Simon Williams

¿Podemos ¿Ves cómo estás creando el enlace? – spinon

No veo nada obvio. ¿Puedes publicar el HTML también? ("Ver código fuente" en lugar de .ascx) –

¿Tiene acceso a Firebug? Eso te dirá la respuesta al instante. –

Tendría que mirar el html representado. En Firefox o Google Chrome, haga clic con el botón derecho y seleccione Inspeccionar elemento.

Usted puede encontrar algo tonto como la clase searchButton se está aplicando a un lapso que envuelve la etiqueta, en cuyo caso, se llega a todo funcionando, excepto la regla específica enlace:

text-decoration:none;

Fuente

2010-10-15 15:34:16 awrigley

Inspeccionar elemento en Chrome me llevó a la respuesta. Había otro estilo que estaba agregando un borde inferior. Muchas gracias. –

Configuración text-decoration:none; debe trabajar.

¿Es posible que haya otros estilos que lo anulen? ¿Has buscado en Firebug (o herramientas similares) para ver qué estilos se están aplicando?

Una posible respuesta puede ser :hover, :visited y :active pseudoclases. Si están configurados para tener un subrayado, anularán el estilo predeterminado para el elemento.

Fuente

2010-10-15 15:41:24 Spudley

Sé que es viejo tema, pero tal vez alguien va a Considère útil -
"text-decoration" atributo, mencionado anteriormente, se puede pasar a ActionLink por la construcción de esta manera:

@Html.ActionLink("Display_Name","Action_Name",null,new {style="text-decoration:none;"})

Fuente

2014-10-01 23:55:25 Guest

sí es correcto. Necesitamos dar "null" allí, entonces solo el estilo funcionará bien. –

Quitar el subrayado de un Html.ActionLink

Respuesta

Cuestiones relacionadas