HTML gmail 不显示背景颜色？

Question

我在 PHP 程序中嵌入了 CSS，以显示 table 的背景颜色。

<style>
table {
    width:100%;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
table#t01 tr:nth-child(even) {
    background-color: #eeeeee;
}
table#t01 tr:nth-child(odd) {
   background-color:#ffffff;
}
table#t01 th    {
    background-color: black;
    color: white;
}
</style>

我有这个：

<TABLE id="t01">

我已经获取了这个 PHP 程序的原始输出，将其保存为 .html 文件，将其上传到服务器并且它的行为符合我的预期。但是当作为 HTML gmail 时，它根本不显示背景颜色。

如果我在 HTML 上添加 bgcolor="black" 就可以了。所以我知道必须可以在 html gmail 中设置背景颜色，但显然我在这里没有这样做。

PHP 程序生成 table，我真的想让 CSS 处理行的 odd/even 颜色。

对此有什么优雅的编程解决方案？谢谢！

Answer 1

Gmail 完全去除了 head 和 body 标签，只识别 style 标签中的某些元素样式。

您需要内联样式。为了解决这个问题，我会以编程方式构建您的电子邮件，然后运行通过内联器。 This is a good example of one from Mailchimp.

这应该可以解决您的问题，但是您可能运行对您希望保留在 head 标记中的任何媒体查询或类似项目产生疑问。每次您通过内联器运行时，我都会确保在所有设备上测试您的电子邮件，以确保它在跨客户端正常工作。

Answer 2

首先，如果文件中有 PHP，则必须将其命名为 .PHP

其次使用内联元素，因为就像 Gortonington 所说的那样，Gmail 和其他一些电子邮件客户端会删除标签

我的意思是

<TABLE id="t01" style="width:100px; height:100px; font-size:12px;>

如你所愿：

<table style="background-color:black;border-collapse: collapse; width:100%;">

以此类推

希望这对您有所帮助 :) -肖恩

P.S 如果你想像普通网页一样写出所有 CSS 然后把类放在你的元素上使用 this tool

HTML gmail 不显示背景颜色？

HTML gmail not showing background colors?

css

gmail

html-email