Gmail邮件正文中的CSS样式

时间:2017-03-06 14:29:59

标签: html css email gmail

是否有人知道或可以确认Gmail是否从邮件正文中删除了样式块? 它们是HTML正文中的claim to allow style tags。但是,在我的测试中,正文中的样式标记已从Gmail中删除。 我测试了这个HTML,只有头部样式被应用了。



<html>
    <head>
        <style>
            h1{color:red;}
        </style>
    </head>
    <body>
        <h2>Hi from H2-1</h2>
        <style>h2{color:green;}</style>
        <h1>Hi from H1</h1>
        <h2>Hi from H2-2</h2>
    </body>
</html>
&#13;
&#13;
&#13;

Gmail-Css-Fail

2 个答案:

答案 0 :(得分:2)

您必须为几乎所有主要电子邮件提供商执行所有内联样式。

<h2 style="color: #ff00ff;">H2 Title</h2>

<p style="color: #fff; padding: 10px 0; text-align: center;">This is a paragraph section.</p>

答案 1 :(得分:0)

通常,使用HTML电子邮件是一个巨大的痛苦。 我可以推荐你的只是通过一些预制器运行你的html,例如:http://premailer.dialect.ca/。它应该注意内联所有样式。 在电子邮件领域没有简单的答案,它仍然是2000年那里。