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.
Intenta con :active o :focus también.
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