Buen día,

Tengo una sería de enlaces en mi página, ya les quite el azul pero cuando les doy click, antes de redireccionar a dicho link, en un pequeño instante se pone azul la letra, no se cómo quitarla, ya le puse de todo a mi código no se que hacer:

<style type="text/css" media="screen">
A:link {text-decoration: none }
A:visited {color: black;  font-family: arial; text-decoration: none }
A:hover { color: black; font-family: arial; text-decoration: none }
*{outline:none !important;}*:focus {outline: none !important;}textarea:focus, input:focus{outline: none !important;}	a{text-decoration: none !important;outline: none !important;}
</style>

MOD: Titulo a minusculas.
Mod: Obligatorio el uso de etiquetas GeSHi.

Como ha dicho el compañero, necesitas usar el estado :active para cambiar el color del enlace cuando este se activa (al hacer click o touch).

a { 
    text-decoration: none;
    outline: none;
}
 
    a:hover, a:visited, a:active {
        color: black;
        font-family: arial;
        text-decoration: none;
    }

Ten en cuenta sin embargo que a las personas las gusta ser recompensadas estéticamente al hacer una acción. Hay gente que puede llegar a pensar que no ha hecho nada dado que no ha habido ningún indicador visual. Esto es sobre todo muy importante en el estado :hover (al pasar el ratón por encima) ya que estamos acostumbrados a que haya un cambio visual en cuanto a links.

Lo mismo para personas discapacitadas. Hay personas que necesitan el outline para saber que están actualmente sobre ese elemento o que lo han activado.


PD: Intenta no repetir estilos o propiedades.

Saludos