Evita lo sfondo grigio su ancoraggi/collegamenti IE 10

Question

Come evitare il fastidioso sfondo grigio che IE 10 applica alle ancore quando si fa clic su di esse?

Answer 1

V'è in realtà una correzione CSS veramente facile. IE 10 modifica lo background-color dei tag di ancoraggio quando si trovano nello stato :active. Per evitare che ciò accada o cambiare il colore, puoi utilizzare la regola CSS di seguito.

a:active{ 
    background-color: transparent; /* Can be any colour, not just transparent */ 
} 

demo dal vivo: http://jsfiddle.net/tw16/NtjK7/

Una nota a parte, vale la pena ricordare che, quando lo styling link è necessario assicurarsi che si scrive le regole nell'ordine corretto per garantire che gli stili precedenti non vengono sovrascritti :

Answer 2

non sono stato in grado di trovare molte informazioni, ma ho trovato una soluzione:

Avvolgere il testo di ancoraggio in un span

Working Solution

Se non lo fai vuoi cambiare ogni ancoraggio nel tuo HTML puoi usare uno script come questo:

$("a:not(.dont-use-span)").each(function() { 
    $(this).html("<span>" + $(this).html() + "</span>"); 
}); 

Working solution

Nota: basta aggiungere la classe dont-use-span per le ancore che non si desidera modificare

Answer 3

Ho trovato che era in realtà: messa a fuoco che ha aggiunto lo sfondo grigio.

questo ha funzionato per me:

a:focus { 
    background-color: transparent; 
} 

Answer 4

Dopo molte prove unfructuous, ho finalmente fatto che funziona con questo:

a    {color:#fff; background-color:#f77927 !important;} 
    a:hover   {color:#fff; background-color:#e65e06 !important;} 
    a.active  {color:#fff; background-color:#e65e06 !important;} 
    a.focus   {color:#fff; background-color:#e65e06 !important;} 

See in action