2012-02-02 36 views
10

Todo se ve bien, aparte de los colores del enlace. Estos son mis enlaces.¿Gmail quita el color del enlace de los correos electrónicos?

<a href="http://www.facebook.com.." style="color:#000000;text-decoration:none;font-weight:bold">Facebook</a> 

<a href="http://www.twitter.com/..." style="color:#000000;">Twitter</a> 

Sin embargo, en gmail. Estos enlaces se convierten a esto.

<a href="http://www.facebook.com.." style="text-decoration:none;font-weight:bold">Facebook</a> 

<a href="http://www.twitter.com/..." style="">Twitter</a> 

Bien, ¿entonces tal vez Gmail hace esto para todos los correos electrónicos? Miro a mi alrededor. Muchos enlaces azules. Luego abro un mensaje de youtube.

<a target="_blank" style="color:#e12e31;font-family:arial,verdana,sans-serif;text-transform:uppercase;text-decoration:none" href="...">Play all »</a> 

Curioso .. muy curioso. YouTube no está teniendo este problema que estoy teniendo. ¿Alguien más puede modificar los colores de los enlaces en gmail cuando envía correos electrónicos html? ¿Cómo lo haces?

Respuesta

22

Tuve un problema similar con los enlaces en Gmail, pero solo cuando el color: # 000000; lo cambió al azul predeterminado.

Cambié el color a un gris muy oscuro y funcionó.

+0

Deberías marcar esto como la respuesta - ¡funcionó para mí! – dan

+0

Funcionó para mí también, creo que esta es la respuesta correcta. – banjomonster

+0

PERFECTO .... GRACIAS –

-3

Debe asegurarse de que está insertando el código en el lugar apropiado en su HTML, antes del texto que desea vincular (obviamente) y que el elemento style="color:#ffffff;" está correctamente anidado dentro de la etiqueta.

Y, por supuesto, no olvide incluir su etiqueta </a> en la parte posterior del enlace de texto. Esto funciona bien para mí cuando lo veo en Gmail.

<a target="_blank" style="color:#ffffff;" href="http://yoursite.com">Custom Color Link in Gmail</a> 
+2

Esta respuesta no es de mucha ayuda. Los ejemplos de la pregunta no tienen ninguno de los problemas a los que hace referencia. – Gus

12

Gmail cambiará sus enlaces de negro (# 000000) hacia el azul por defecto, presumiblemente como una función anti-spam.

Para solucionar esto, simplemente cambie el color de la fuente a (# 000001), p.

<a href="#" style="color: #000001;">Click HERE</a> 
4

La combinación de las respuestas aquí funcionó como un encanto para mí, por ejemplo:

color: #000001 !important; 

espero que no estamos ayudando a los spammers y como aquí ...

+0

Confirmo que! Palabra clave importante funciona como un amuleto – sekmo

+1

también confirmado, incluso funciona en la etiqueta cabeza/estilo (2014-07) '' a {color: rojo! Importante;} ''.Una mirada rápida con el inspector web, resultó que el color personalizado fue declarado, pero un estilo div envolvente de gmail anuló el estilo. la palabra clave ''! important'' hizo el truco. – GDmac

3

Lo que hice para mi firma de correo electrónico, se coloca el número de teléfono con un punto medio en lugar de un guión, como este 226 · 860 · XXXX, ¡no más hipervínculo azul! Esperamos que esto ayude a alguien

+0

No respondí la pregunta, pero me ayudó de todos modos. ;) –

+1

También puede usar la entidad html "zero space" ​ para evitar que IOS transforme cualquier número (como el IVA) en enlaces clicables. Solo inserta el caracter entre los dígitos de tu número para romper este comportamiento ios – bluantinoo

2

soy capaz de establecer enlaces de color simplemente añadiendo el siguiente estilo en la cabeza de correo electrónico:

<style> 
     a, a:visited, .ii a[href] { color:#E5322C!important; text-decoration:none;} 
     a:hover, .ii a[href]:hover{ text-decoration:underline;} 
</style> 

la única salvedad es que la "a" selector no es suficiente, porque Gmail añade una regla para .ii a [href], pero agregar reglas para ese selector corrige mi problema de color de enlaces. Funciona incluso en URL, correos electrónicos y números de teléfono que Gmail convierte en enlaces. No es necesario agregar estilo en línea.

Cuestiones relacionadas