表格单元格的 Outlook CSS 背景颜色答案

【问题标题】：Outlook CSS background-color of table cell表格单元格的 Outlook CSS 背景颜色
【发布时间】：2016-05-19 18:56:58
【问题描述】：

以下简单的 CSS 可在多个邮件客户端中使用，但颜色和字体粗细未在 Outlook 2016 中应用。

<style type="text/css">
table {width: 100%}
td:first-child {background-color: #FFDAB9 ; width: 17%; font-weight:bold}
</style>

宽度设置是被尊重，所以我的结论是支持first-child伪类。

如何控制background-color和font-weight？

【问题讨论】：

【解决方案1】：

WC3 表格中背景颜色的标准是bgcolor（已弃用）和background

td:first-child {bgcolor:#FFDAB9; background:#FFDAB9;}

【讨论】：

你怎么看这个？ w3schools.com/cssref/pr_background-color.asp
我认为它在 Outlook 客户端中呈现为表格时不起作用。
也许尝试内联样式：“不要使用 CSS 类 - 始终使用内联 CSS”这是一个设计指南：activecampaign.com/email-design-guide

【解决方案2】：

因为 Outlook 使用 Word 来呈现电子邮件，所以它对 CSS 的支持非常有限，
你可以在这个网站上喜欢：Campagign Monitor 表示:first-child CSS 选择器不支持 Outlook 2016。

要解决此问题，请尝试使用内联 CSS 样式或为您的 HTML 元素指定类名。

编码愉快！

【讨论】：