Rimozione della sottolineatura da un Html.ActionLink

Ho un Html.ActionLink sulla mia pagina e sto usando il seguente CSS su di esso per dare un'immagine e cercare di rimuovere la sottolineatura .....Rimozione della sottolineatura da 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; 
}

Qualcuno può vedere un problema con questo? Tutte le proprietà CSS sembrano funzionare indipendentemente dalla decorazione del testo: nessuna, che sembra lasciare la sottolineatura sul posto.

fonte

2010-10-15 Simon Williams

Can siamo vedi come stai creando il link? – spinon

Non vedo nulla di ovvio. Puoi pubblicare anche l'HTML? ("Visualizza sorgente" piuttosto che .ascx) –

Hai accesso a Firebug? Questo ti dirà la risposta all'istante. –

Si dovrebbe guardare l'html reso. In Firefox o Google Chrome, fai clic con il pulsante destro del mouse e seleziona Ispeziona elemento.

Si può trovare qualcosa di stupido come la classe SearchButton viene applicato ad un arco che avvolge l'un tag, in questo caso, si potrebbe far funzionare tutto, tranne la regola specifica link:

text-decoration:none;

fonte

2010-10-15 15:34:16 awrigley

Ispeziona elemento in Chrome mi ha portato alla risposta. C'era un altro stile che aggiungeva un margine inferiore. Grazie molto. –

Impostazione text-decoration:none; dovrebbe lavorare.

È possibile che alcuni altri stili lo sovrascrivano? Hai guardato in Firebug (o strumenti simili) per vedere quali stili vengono applicati?

Una possibile risposta può essere la pseudo classe :hover, :visited e :active. Se sono impostati per avere una sottolineatura, sostituiranno lo stile predefinito per l'elemento.

fonte

2010-10-15 15:41:24 Spudley

So che è argomento vecchio, ma forse qualcuno ne considere utile -
"text-decoration" attributo, di cui sopra, può essere passato a ActionLink da costruzione in questo modo:

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

fonte

2014-10-01 23:55:25 Guest

sì è giusto. dobbiamo dare "nulla" lì, quindi solo lo stile funzionerà bene .. –

Rimozione della sottolineatura da un Html.ActionLink

risposta

Problemi correlati