嵌入CSS的邮件模板在iCloud客户端无法加载样式

问题根源&修复方法 #

• iCloud邮件过滤内部样式：iCloud会直接剔除<head>里的<style>标签，绝大多数邮件客户端只支持内联样式（直接写在元素标签里的样式）。
• 无需完整HTML结构：邮件场景下不需要<html>、<head>、<body>这类套壳标签，多余的结构会被识别成纯文本展示。

修改后的可用代码 #

<div style="background-color: red; font-size: 12px !important;">Some text</div>

额外提醒 #

• 尽量避免用!important，部分邮件客户端对其支持不稳定，直接写内联样式更可靠。
• 样式写完后建议在多个主流客户端（如Outlook、Gmail）测试，不同客户端对HTML/CSS的支持差异较大。

内容的提问来源于stack exchange，提问作者Mario Petrovic