html - quitar - hacer que un link no cambie de color

No cambiar el color del enlace cuando se hace clic en un enlace

Question

Tengo un enlace en una página HTML:

<a href="#foo">foo</a>

El color del texto del enlace es originalmente azul. Cuando se hace clic en el enlace, el color del texto del enlace cambia a Rojo primero, y luego vuelve a cambiar a Azul. Quiero que el color del texto del enlace no cambie cuando el usuario haga clic en él. ¿Cómo puedo hacer que suceda?

Lo intenté

a:active {
    color: none;
}

En CSS, pero no tuvo suerte.

Y no quiero usar esto en CSS:

a:active {
    color: blue;
}

, porque el color original del texto del enlace puede ser otro que el azul.

Gracias.

Editar: la página se muestra en el navegador del iPhone y quiero hacer un: active para mantener el color del texto del enlace original.

Answer 1

Creo que esto es perfecto para cualquier color que tengas:

a {
    color: inherit;
}

Answer 2

Debe usar un valor de color explícito (por ejemplo, #000 o blue ) para la propiedad de color . none es inválido aquí El valor inicial es específico del navegador y no se puede restaurar utilizando CSS. Tenga en cuenta que hay algunas otras pseudo-clases además de :active , también.

Answer 3

No lo compliques más. Solo dale color al enlace usando las etiquetas. Dejará un color constante que no cambiará incluso si hace clic en él. Así que en tu caso simplemente configúralo en azul. Si está configurado en un color particular del azul que desea copiar, puede presionar "imprimir scrn" en su teclado, pegar en la pintura y usar el selector de color (con forma de cuentagotas) para elegir el color del enlace y la vista. El código en la configuración de color.

Answer 4

estas buscando esto

a:visited{
  color:blue;
}

Los enlaces tienen varios estados que puedes alterar ... la forma en que los recuerdo es LVHFA (Manija de Lord Vader, anteriormente Anakin)

Cada letra representa una pseudo clase: (Enlace, Visitada, Hover, Enfoque, Activa)

a:link{
  color:blue;
}
a:visited{
  color:purple;
}
a:hover{
  color:orange;
}
a:focus{
  color:green;
}
a:active{
  color:red;
}

Si desea que los enlaces sean siempre azules, simplemente cambie todos a azul. Sin embargo, me gustaría señalar que en un nivel de usabilidad, sería bueno si el clic del mouse causara que el color cambiara un poco (incluso si solo fuera un azul más claro / oscuro) para ayudar a indicar que el enlace realmente se hizo clic (esto es especialmente importante en una interfaz de pantalla táctil donde no siempre estás seguro de que el clic se registró realmente)

Si tiene diferentes tipos de enlaces que desea que todos tengan el mismo color al hacer clic, agregue una clase a los enlaces.

a.foo, a.foo:link, a.foo:visited, a.foo:hover, a.foo:focus, a.foo:active{
  color:green;
}
a.bar, a.bar:link, a.bar:visited, a.bar:hover, a.bar:focus, a.bar:active{
  color:orange;
}

Cabe señalar que no todos los navegadores respetan cada una de estas opciones ;-)

Answer 5

solo da

a{
color:blue
}

Incluso si se visita, siempre será azul.