Color de fuente en HTML Correo electrónico - Gmail

Sé que tengo que usar CSS en línea para dar estilo a cualquier cosa en un correo electrónico HTML, pero estoy notando una anulación extraña que está ocurriendo en gmail. Estoy tratando de cambiar el color del texto en una fila de la tabla:Color de fuente en HTML Correo electrónico - Gmail

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'>

pero cuando abro este correo electrónico en Gmail, el color de fuente-familia y negro es estar sobrescrito por los estilos de Gmail. Estoy viendo esto a través de Firebug:

enter image description here

Ese color púrpura se utiliza en lugar del negro que quiero, y la familia de fuentes utiliza de forma predeterminada Arial, sans-serif. ¿Alguien sabe de una manera de anular de forma segura el estilo que gmail me está imponiendo?

ACTUALIZACIÓN

que cambió el color a un color no negro, es decir, # 212a2c y el color cambió correctamente, pero la fuente de la familia todavía está atascado en Arial.

Fuente

2012-06-06 Kevin_TA

Parece que está diseñando el TR, pero gmail lo supera con un estilo al TD. Cuando hay un TD y un conflicto de TR, el TD ganará porque es el contenedor más inmediato ... la coincidencia más cercana según las reglas de css3. Creo que si usas el estilo en línea en tu TD, podrás sobrepasarlo.

Fuente

2012-06-06 22:43:24 colonelclick

Sí, me lo imaginé. Se agregó un estilo en el nivel '' y funciona ahora. Esto se volverá tedioso ... Gracias. –

Todavía es extraño que simplemente cambiar el color de negro a otra cosa fue suficiente para anular el color púrpura ... –

No encuentro nada 'oficial' sobre esto, pero por experiencia he notado un comportamiento extraño al mezclar códigos de color de 3 letras con códigos de color de 6 letras, aunque deberían ser equivalentes. En su caso, el # 000 no funcionó en su ejemplo original, pero me interesaría saber si el # 000000 funcionaría. – colonelclick

Por experiencia, he encontrado que lo más seguro para hacer con códigos de color es usar siempre el código de 6 números. Tuve un problema similar una vez y se solucionó simplemente cambiando el código de color de 3 dígitos a 6. 't toma cualquier momento a todos a escribir 3 números adicionales después de todos :)

Fuente

2012-06-17 19:23:52

Dont estilos de uso en <tr>, lo hacen en <td> o una <span> alrededor del texto.
dosnt importa si escribes # 000, # 000000 o Negro como color :)

Fuente

2012-07-02 12:48:22

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

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

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

Fuente

2013-06-21 16:40:49 crmpicco

tnx amigo, era un salvavidas :) – Nemke

Esto ya no es el caso. # 000000 funcionará según lo previsto, lo probó en este momento. –

"dosnt importa si escribes # 000, # 000000 o Negro como color :)"

Sí lo hace, a veces correos electrónicos hacen que 3 colores hexadecimales de una manera ligeramente diferente. Como regla general, lo mejor es mantener 6 para compatibilidad.

Fuente

2015-09-07 08:27:40

Color de fuente en HTML Correo electrónico - Gmail

Respuesta

Cuestiones relacionadas