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

【问题标题】：Font Color in HTML Email - GmailHTML 电子邮件中的字体颜色 - Gmail
【发布时间】：2023-03-15 23:14:01
【问题描述】：

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

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

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

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

更新

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

是的，我就是这么想的。在<td> 级别添加了样式，现在可以使用。这将变得乏味......谢谢。
仍然很奇怪，只是将颜色从黑色更改为其他颜色就足以覆盖紫色......
我找不到任何关于此的“官方”，但根据经验，我注意到将 3 字母颜色代码与 6 字母颜色代码混合时的奇怪行为，即使它们应该是等效的。在您的情况下，#000 在您的原始示例中不起作用，但我最想知道 #000000 是否有效。
#000000 不起作用； #111 确实如此 - 看来 gmail 对纯黑色有一种奇怪的过敏。

【解决方案2】：

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

【讨论】：

【解决方案3】：

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

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

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

【讨论】：