Rimuovi la sottolineatura ostinata dal link

Sto tentando di visualizzare un collegamento in bianco, senza una sottolineatura. Il colore del testo si presenta correttamente come bianco, ma la sottolineatura blu persiste ostinatamente. Ho provato la text-decoration: none; e la text-decoration: none !important; nel CSS per rimuovere la sottolineatura del collegamento. Nessuno dei due ha funzionato.

L’HTML:

 

Current Page Different Page

Il CSS:

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

Come posso rimuovere la sottolineatura blu dal link?

Come mi aspettavo, non stai applicando la text-decoration: none; ad un ancoraggio (.boxhead a) ma ad un elemento span (.boxhead).

Prova questo:

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

Anche il tag anchor (link) ha pseudo-classi come visitato, hover, link e active. Assicurati che il tuo stile sia applicato allo / gli stato / i in questione e che nessun altro stile sia in conflitto.

Per esempio:

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

Vedi W3.org per maggiori informazioni sulle pseudo-classi delle azioni dell’utente: hover ,: active e: focus.

text-decoration: none !important dovrebbe rimuoverlo .. Sei sicuro che non c’è un border-bottom: 1px solid agguato? (Traccia lo stile calcolato in Firebug / F12 in IE)

Basta aggiungere questo attributo al tuo tag di ancoraggio

style="text-decoration:none;"

Esempio:

  

O usa il modo CSS.

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

A volte quello che stai vedendo è un’ombra di casella, non una sottolineatura di testo.

Prova questo (usando qualunque selettore CSS sia appropriato per te):

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

Hai perso la text-decoration:none per il tag di ancoraggio . Quindi il codice dovrebbe seguire.

 .boxhead a { text-decoration: none; } 
 

Current Page Different Page

Senza vedere la pagina, difficile da speculare.

Ma mi sembra che tu possa avere un border-bottom: 1px solid blue; essere applicato. Forse aggiungere border: none; . text-decoration: none !important è giusto, è ansible che tu abbia un altro stile che sta ancora sovrascrivendo quello CSS.

Questo è il punto in cui l’utilizzo della barra degli strumenti per i web developer di Firefox è fantastico, puoi modificare il CSS proprio lì e vedere se le cose funzionano, almeno per Firefox. È in CSS > Edit CSS .

Di norma, se la “sottolineatura” non è dello stesso colore del testo [e il “colore:” non è sovrascritto in linea] non viene da “testo-decorazione:” Deve essere “border-bottom:”

Non dimenticare di togliere il confine anche dalle tue pseudo classi!

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

Questo snippet si basa su un’ancora, cambia di conseguenza nel suo wrapper … e usa la specificità invece di “! Important” dopo aver rintracciato la causa principale.

Mentre le altre risposte sono corrette, c’è un modo semplice per sbarazzarsi della sottolineatura su tutti quei fastidiosi collegamenti:

 a { text-decoration:none; } 

Questo rimuoverà la sottolineatura da OGNI SINGOLO LINK sulla tua pagina!

Basta usare la proprietà

 border:0; 

e tu sei coperto. Ha funzionato perfettamente per me quando la proprietà della decorazione del testo non funziona affatto.

Nessuna delle risposte ha funzionato per me. Nel mio caso c’era uno standard

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

nel mio codice. Fondamentalmente qualunque sia il collegamento, il colore del testo diventa blu e il collegamento rimane quello che è.

Così ho aggiunto il codice alla fine dell’intestazione in questo modo:

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

e il problema non c’è più.

Se text-decoration: none o border: 0 non funziona, prova ad applicare lo stile inline nel tuo html.

Hai usato nessuna decorazione del testo nel selettore sbagliato. Hai bisogno di controllare quale tag hai bisogno per la decorazione nessuno.

Puoi usare questo codice

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

O

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

O

 a{text-decoration: none !important;} 

Ecco un esempio per il controllo LinkButton di asp.net Webform:

   

Codice dietro:

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