19

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

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

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

在此处输入图像描述

使用紫色而不是我想要的黑色,字体系列默认为 arial,sans-serif。有谁知道一种安全地覆盖 gmail 强加给我的样式的方法?

更新

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

4

5 回答 5

11

看起来您正在设计 TR 的样式,但 gmail 已经超越了 TD 的样式。当 TD 和 TR 冲突时,TD 将获胜,因为它是最直接的容器......根据 css3 规则最接近的匹配。我认为如果您在 TD 上使用内联样式,您将能够超越它。

于 2012-06-06T22:43:24.290 回答
4
  1. <tr>不要在, 上<td><span>文本周围使用样式。
  2. 如果您写#000、#000000 或黑色作为颜色,则无关紧要:)
于 2012-07-02T12:48:22.980 回答
4

根据经验,我发现使用颜色代码最安全的方法是始终使用 6 位数字代码 - 我曾经遇到过类似的问题,只需将颜色代码从 3 位更改为 6 位即可解决 - 不需要任何毕竟是时候输入 3 个额外的数字了 :)

于 2012-06-17T19:23:52.967 回答
4

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

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

<a href="#" style="color: #000001;">Click HERE</a>
于 2013-06-21T16:40:49.077 回答
3

“无论你写#000、#000000 还是黑色作为颜色 :)”

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

于 2015-09-07T08:27:40.963 回答