I bordi punteggiati attorno ai collegamenti sono una funzione di accessibilità che la maggior parte dei browser ha per impostazione predefinita. È per gli utenti che devono o scelgono di navigare con la tastiera, c'è uno stile di visualizzazione applicato a quei collegamenti quando "tabulati". Questi bordi vengono visualizzati anche quando si fa clic sul collegamento (nel suo stato "attivo") e possono essere un pugno nell'occhio a seconda del design (specialmente quando si utilizza qualcosa come la sostituzione dell'immagine CSS, i bordi si estendono per tutta la lunghezza dello schermo). Puoi rimuoverli con questo:
a:active ( outline: none; )NOTA: il vantaggio qui è che lo stile: focus continuerà a utilizzare i contorni, il che significa che i navigatori da tastiera avranno ancora lo stile di focus / feedback visivo.