HTML 电子邮件 Outlook div 填充没有背景颜色
HTML Email Outlook div padding has no background color
<div bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>
这是在 table 单元格内。
出现了边框（显然我预计 border-radius 在很多情况下都会失败）。
文本本身有背景色。但是，边框和文本（填充）之间的 space 没有背景颜色，或者可能是白色（此元素后面的颜色是白色）。
我还没有找到任何关于这方面的具体内容，并且有很多关于 Outlook 问题的文章。
在 2007、2010 和 2013 版本中看到了这一点。奇怪的是，它在 2011 和 2016 中按预期显示。
试试这个：
<div bgcolor="#DEF2FB" style="background-color:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>
现在它应该可以工作了。我的一个朋友今天遇到了同样的问题。
根据 this Campaign Monitor page，Outlook 07,10 和 13 不支持 div 标记上的填充。它在 Outlook 11 和 16 中工作的原因是这些客户端在呈现时使用 Webkit引擎，所以一般来说，CSS 对这些客户端的支持更好。
为了解决这个问题，您需要在 table 单元格上添加内边距和背景色，这将是更跨客户端兼容的解决方案，例如
<td bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;"><div>Some text</div></td>
如果可行，请告诉我！
<div bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>
这是在 table 单元格内。
出现了边框（显然我预计 border-radius 在很多情况下都会失败）。
文本本身有背景色。但是，边框和文本（填充）之间的 space 没有背景颜色，或者可能是白色（此元素后面的颜色是白色）。
我还没有找到任何关于这方面的具体内容，并且有很多关于 Outlook 问题的文章。
在 2007、2010 和 2013 版本中看到了这一点。奇怪的是，它在 2011 和 2016 中按预期显示。
试试这个：
<div bgcolor="#DEF2FB" style="background-color:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;">Some text</div>
现在它应该可以工作了。我的一个朋友今天遇到了同样的问题。
根据 this Campaign Monitor page，Outlook 07,10 和 13 不支持 div 标记上的填充。它在 Outlook 11 和 16 中工作的原因是这些客户端在呈现时使用 Webkit引擎，所以一般来说，CSS 对这些客户端的支持更好。
为了解决这个问题，您需要在 table 单元格上添加内边距和背景色，这将是更跨客户端兼容的解决方案，例如
<td bgcolor="#DEF2FB" style="background:#DEF2FB;border:2px solid #58bce9;border-radius:5px;padding:4px 7%;"><div>Some text</div></td>
如果可行，请告诉我！