¿Cuál es el color predeterminado del enlace HTML/CSS?

110

Necesito su representación de código, como #FFFFFF.¿Cuál es el color predeterminado del enlace HTML/CSS?

2011-01-23 Bill

En qué navegador? (No existe un "estándar" definido). –

La pregunta puede interpretarse como una relación entre la práctica real del navegador y las recomendaciones. Especialmente ahora que HTML5 está a punto de estandarizar los colores (como "representación esperada"), la pregunta es sobre el tema y debe volver a abrirse. Tenga en cuenta que la respuesta con la mayoría de los votos * no * corresponde a la práctica actual y HTML5 CR. –

@Jukka K. Korpela - Tenga en cuenta también que "la respuesta con más votos" es un objetivo en movimiento. Bien intencionado, pero consulte una respuesta específica. – Nicolas

143

A partir de HTML5, los colores de primer plano de los hipervínculos, entre otras cosas, están en camino para la estandarización en forma de guidelines for expected default rendering behavior. En particular, tomados de la sección Phrasing content, los colores por defecto recomendados para no visitados y hipervínculos visitados son los siguientes:

:link { color: #0000EE; } 
:visited { color: #551A8B; }

en cuenta que no hay ningún defecto recomendado para hipervínculos activos (:link:active, :visited:active), sin embargo.

Puede utilizar estos colores predeterminados y razonablemente esperan que funcionen. Pero tenga en cuenta que un navegador es libre de ignorar cualquiera o todas estas pautas, ya que nunca es requiere para seguirlas. Es, sin embargo, recomendado para una experiencia de usuario consistente en todos los navegadores (que es como se define "esperado" en este contexto), por lo que es que estos colores corresponderán a los valores predeterminados para la mayoría de los navegadores. En el peor de los casos, todavía sirven como aproximaciones razonables de los valores reales.

En particular, los colores de los enlaces visitados y no visitados por defecto en las últimas versiones de Firefox y Chrome son consistentes con las pautas anteriores, pero las últimas versiones de IE indican valores diferentes: los enlaces no visitados son rgb(0, 102, 204), o #0066CC, y los enlaces visitados son rgb(128, 0, 128), o #800080. Las versiones anteriores de Firefox (y posiblemente Safari/Chrome) también tenían diferentes valores predeterminados. Esas son versiones más antiguas, sin embargo; el principal valor atípico hoy del que tengo conocimiento es IE. Aún no se sabe si esto cambiará en el Proyecto Spartan: actualmente todavía refleja los mismos valores que la última versión de IE.

Si está buscando un esquema de color estandarizado que sea usado por todos los navegadores en lugar de sugerido por HTML5, entonces no hay ninguno. Tampoco hay una forma de volver al valor predeterminado de un navegador para una propiedad en particular en un elemento particular usando CSS puro. Deberá usar los colores sugeridos por HTML5 o diseñar su propio esquema de color y usarlo en su lugar. Cualquiera de estas opciones tendrá prioridad sobre las predeterminadas de un navegador, independientemente del navegador.

En caso de duda, siempre puede utilizar la técnica about:blank que describí antes para olfatear los colores predeterminados, ya que sigue siendo aplicable en la actualidad. Puede usar esto para oler el color del enlace activo en todos los navegadores, por ejemplo; en la última versión de Firefox (29 a partir de esta actualización), es rgb(238, 0, 0) o #EE0000.

Fuente

2011-01-23 13:20:54 BoltClock

Gracias, pero ¿hay algún código promedio para mozilla, safari, es decir, cromo? no solo por defecto "azul"? Necesito que todos los estilos de enlaces (visitados, suspendidos) tengan un estilo predeterminado. – Bill

Totalmente depende del sitio web que está visitando, y en ausencia de una sobrescritura en el sitio web, en el navegador. No hay un estándar para eso.

Fuente

2011-01-23 13:20:47 Femaref

enlace estándar - # 0000FF azul //
enlace visitado - # 800080 // púrpura
activa enlace - # FF0000 rojo //

que era un estándar, pero en gran medida es diferente en cada navegador ahora. (dado que Nielsen lo abandonó;)

Fuente

2011-01-23 13:22:41

Muchas gracias. 2 años después, esta fue la respuesta exacta que estaba buscando. – Thumbz

+11

No estoy seguro de por qué 66 personas simplemente tomaron la palabra de esta respuesta. Incluso si los valores provienen de un estándar, para los cuales esta respuesta no proporciona ninguna fuente, ese estándar habría quedado obsoleto de todos modos como lo implica esta respuesta, y usarlo en un nuevo código no tendría sentido. – BoltClock

@stom: Parece que debería ser una respuesta separada en su lugar. Incluso si pretendía que fuera un enlace fuente, no es una fuente válida, ya que ninguno de los tres valores aparece aquí. – BoltClock

De acuerdo con official default HTML stylesheet, no hay un color de enlace predeterminado definido.Sin embargo, puede averiguar el valor predeterminado que usa su navegador tomando una captura de pantalla y utilizando la herramienta de pipeta en cualquier editor gráfico decente o usando las herramientas de desarrollador de su navegador (seleccione un elemento a, busque computed values>color).

Fuente

2011-01-23 13:31:32 phihag

La mejor manera de obtener el estilo predeterminado de un navegador en algo es no darle estilo al elemento en primer lugar.

Fuente

2011-01-23 20:49:19 jeffszusz

El problema es que a veces el diseño proviene de una biblioteca. Acabamos de notar que la hoja de estilo predeterminada de jQuery UI contiene '.ui-widget-content a {color: black; } ', por lo que cualquier enlace en pestañas pierde su color normal. Me gustaría sobrescribirlo y obtener los colores predeterminados del navegador (o la hoja de estilo personal del usuario), pero en su lugar tendré que codificar colores específicos. – Barmar

Otro momento en el que puede querer conocer los valores RGB es si desea incluir gráficos que coincidan con el color de los enlaces – marcelnijman

Los colores predeterminados en Gecko, suponiendo que el usuario no ha cambiado sus preferencias, son:

enlace estándar: #0000EE (azul)
enlace visitado: #551A8B (púrpura)
enlace activo : #EE0000 (rojo)

Source

Gecko también proporciona nombres para los colores del usuario; son -moz-hyperlinktext-moz-visitedhyperlinktext y -moz-activehyperlinktext y también proporcionan -moz-nativehyperlinktext que es el color del enlace del sistema.

Fuente

2011-01-23 21:20:14 Neil

En CSS se puede utilizar la cadena de color currentColor el interior de un enlace a por ejemplo hacer que la frontera del mismo color que su enlace por defecto de color:

.example { 
    border: 1px solid currentColor; 
}

Fuente

2017-05-31 01:06:13 Dominik

Estoy acostumbrado al color de Chrome lo que el color azul en Chrome para el enlace es #007bff

Fuente

2018-01-17 03:23:36 grandia

defecto html código de color de esta manera:

Red  #FF0000 rgb(255, 0, 0) 
Maroon #800000 rgb(128, 0, 0) 
Yellow #FFFF00 rgb(255, 255, 0) 
Olive #808000 rgb(128, 128, 0) 
Blue  #0000FF rgb(0, 0, 255) 
Navy  #000080 rgb(0, 0, 128) 
Fuchsia #FF00FF rgb(255, 0, 255) 
Purple #800080 rgb(128, 0, 128)

Fuente

2018-02-07 11:26:47

¿Cuál es el color predeterminado del enlace HTML/CSS?

Respuesta

Cuestiones relacionadas