为什么Gmail会阻止电子邮件中的CSS?

时间:2009-10-12 15:17:15

标签: css gmail html-email

我在电子邮件中使用了CSS并将其发送出去。

当我收到Gmail中的电子邮件时,所有CSS都被禁用;但是,当我在thunderbird或outlook中检索电子邮件时,一切正常。

我该如何解决这个问题?

9 个答案:

答案 0 :(得分:69)

Gmail不会完全阻止CSS。它仍然支持内联样式。为什么它不支持样式块,我不知道。为了更好地了解各种网络邮件和电子邮件客户端中的CSS支持,这里是一个很好的概述。 http://www.campaignmonitor.com/css/

答案 1 :(得分:22)

样式表是许多HTML功能之一,通常会被网络邮件提供商阻止。

HTML邮件是一个受到伤害的世界并且它不会变得更好 - 事实上,你可以期待它get worse某些邮件程序或网络邮件服务不支持HTML的几乎所有功能。任何现代的东西都是死路一条。当然还有纯文本客户端。

除非你有无穷无尽的时间来烧毁你的代码并测试每一封邮件,否则忘记HTML邮件。只需发送带有指向正常网页链接的文本邮件,您就可以确保所有内容都按预期工作。

答案 2 :(得分:21)

我回答太晚了,但这可能会对这里的某些人有所帮助。为了能够在Gmail和其他电子邮件客户端中查看您的邮件,您需要为html中的每个标记设置内联样式,但为每个html标记编写内联css非常耗时,以节省您使用内置工具的时间

http://templates.mailchimp.com/resources/inline-css/

只需粘贴整个电子邮件模板,您就会在每个标记中获得带有内联css的html文档。这很容易:)

注意:您可以在课堂上拥有您的课程和ID。

答案 3 :(得分:18)

如果您可以将样式嵌入到电子邮件中的类和ID中,那么这些样式可能会意外地与gmail用于显示应用程序的样式发生冲突,或者出于恶意目的而故意碰撞。内嵌样式是标记的本地样式,因此仅保留gmail样式。

Google必须保护为用户创建的用户体验。

答案 4 :(得分:6)

另一个很好的信息来源是MailChimp EMail Template Reference。我发现开发部分特别有用,因为它包含了有关CSS GMail支持什么以及如何利用它的信息。

答案 5 :(得分:3)

我刚刚测试了它,它确实支持内联样式,使代码有点难看,但你可以解决所有问题。

希望有所帮助。

答案 6 :(得分:0)

如果你正在使用Ruby on Rails和ActionMailer,你可以使用gem ActionMailer Inline CSS 。您所要做的就是安装gem,它会自动内联邮件模板中的所有CSS。它确实不容易。

ActionMailer Inline CSS on GitHub

答案 7 :(得分:0)

<style type="text/css"></style>

标记对我有用,但我确实遇到了一个问题,因为我错过了;,所以我的所有CSS都不起作用 这是一个乏味的过程,但我最终找到了它。

在这里的link#9中,我最初得到的提示可能是由于CSS的单独一行。

答案 8 :(得分:-1)

Gmail会阻止所有外部(引用)资产 - 样式表,图片,脚本等。这是为了保护收件人的隐私。您仍然可以包含内联样式:

<span style="color:red;">Red text</span>