2016-01-06 31 views
12

Quando clicco un link sul mio sito si sta creando un contorno intorno il link in questo modoCome rimuovo il profilo sul clic del collegamento?

enter image description here

Ho provato ad aggiungere:

a.image-link:focus { outline: 0; } 

e

a {outline : none;} 

Ma niente sembra essersene liberato. C'è un modo per rimuoverlo?

+1

forse 'a: attivo {struttura: 0;}' –

+0

Possibile duplicato di [Come rimuovere il contorno attorno alle immagini dei collegamenti ipertestuali?] (Http://stackoverflow.com/questions/814366/how-can-i- remove-the-outline-around-hyperlinks-images) – isherwood

+2

Attenzione, questi contorni sono molto importanti per alcuni utenti disabili. Molti di noi hanno acconsentito alla loro esistenza per questo motivo. https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ – isherwood

risposta

19

Basta fare:

a:active, a:focus { 
    outline: 0; 
    border: none; 
    -moz-outline-style: none 
} 
+0

Non ha funzionato per me in Firefox: -/ –

+0

Ho aggiornato il soluzioni per il tuo problema Ho aggiunto lo stato attivo sul collegamento e aggiunto anche la proprietà moz-outline. :) Puoi confermare per favore? –

+0

'border' non ha nulla a che fare con esso. –

0

fisso:

scoperto nel mio CSS che ci fosse già il codice generato per creare una struttura su a:active. Questo stava annullando il mio codice e rimuovendolo ha risolto il problema.