开发者社区> 问答> 正文

HTML 格式的邮件如何定义 CSS

杨冬芳 2016-06-14 11:47:42 1013

按照写网页的习惯,的把 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>

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

分享到
取消 提交回答
全部回答(1)

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程