HTML 格式的邮件如何定义 CSS

Amelie
  • 1.3k

按照写网页的习惯,的把 css 写在 header 里,样式在 Outlook 和 Mail 客户端都能够正常显示。但是,发现在 Gmail 的 Web 界面上,移除了 body 及其外部的所有代码。
Email HTML 如下:

<!doctype html>
<head>
    <meta charset="UTF-8" />
    <style type="text/css">
        .title { color: red }    
    </style>
</head>
<body>
    <h2 class="title">Email title here</h2>
</body>
</html>

邮件发出后,在 Gmail 里看到的邮件内容代码只剩下了:

<h2 class="title">Email title here</h2>

如果想在 Gmail 里正确的显示样式,目前只发现下面的方式才显示正常:

<h2 style="color: red">Email title here</h2>

难道,整封邮件只能这样实现了么,有别的方法吗?

回复
阅读 30k
5 个回答
✓ 已被采纳

行CSS是最行得通的,貌似QQ的也只支持行CSS。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏