HTML电子邮件中的字体颜色 - Gmail

时间:2012-06-06 22:32:50

标签: css gmail html-email

我知道我必须使用内联CSS来设置HTML电子邮件中的任何内容,但我注意到gmail中出现的奇怪覆盖。我正在尝试更改表格行中文本的颜色:

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

但是当我在gmail中打开这封电子邮件时,gmail样式正在覆盖字体系列和黑色。我通过Firebug看到了这个:

enter image description here

正在使用紫色而不是我想要的黑色,并且字体系列默认为arial,sans-serif。有没有人知道如何安全地覆盖gmail强迫我的样式?

更新

我将颜色更改为非黑色,即#212a2c并且颜色更改正确,但字体系列仍然停留在arial上。

5 个答案:

答案 0 :(得分:10)

看起来你正在为TR设计样式,但是gmail过度使用了TD的风格。当TD和TR冲突时,TD将获胜,因为它是最直接的容器......根据css3规则最接近的匹配。我想如果你在你的TD上使用内联样式,你就可以过度使用它。

答案 1 :(得分:3)

根据经验,我发现使用颜色代码最安全的做法总是使用6号码 - 我有一个类似的问题,它只是通过将颜色代码从3位改为6来解决 - 它没有' t毕竟要花费任何时间来输入3个额外的数字:)

答案 2 :(得分:3)

GMail会将您的链接从黑色(#000000)更改为默认蓝色,可能是反垃圾邮件功能。

要解决此问题,只需将字体颜色更改为(#000001),例如

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

答案 3 :(得分:2)

  1. 请勿在{{1​​}}上使用样式,在文本周围的<tr><td>处执行。
  2. 如果你把#000,#000000或黑色作为一种颜色写,那就太重要了。)

答案 4 :(得分:2)

“如果你把#000,#000000或黑色作为一种颜色写得很重要”“

是的,有时电子邮件会以略微不同的方式呈现3种十六进制颜色。根据经验,最好坚持使用6兼容性。