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

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

当我在Gmail中收到电子邮件时，所有CSS都被禁用; 但是，当我在雷鸟或Outlook中检索电子邮件时，一切正常。

我将如何解决这个问题？

Answer 1

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

Answer 2

样式表是许多许多HTMLfunction中的一种，常常被networking邮件提供商阻止。

HTML邮件是一个受到伤害的世界，它不会变得更好 – 事实上，你可以期待它变得更糟 。 某些邮件程序或networking邮件服务不支持HTML的几乎所有function。 任何现代事物都是死亡的损失。 当然，还有纯文本的客户端。

除非你有无尽的空闲时间来烧毁你的代码并testing每一个邮件，否则忘记HTML邮件 。 只要发送一个文本邮件链接到一个正常的网页，你可以确定一切都会按预期工作。

Answer 3

如果您可以将样式embedded到电子邮件中的类和标识符中，那么可能会意外地与gmail使用的样式相冲突，以显示应用程序，或者被恶意用户故意使用。 内联样式是标签本地的，因此只保留gmail样式。

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

Answer 4

我回答得太晚，但这可能有助于这里的人。 为了能够在Gmail和其他电子邮件客户端中查看您的邮件，您需要为您的html中的每个标签添加内联样式，但是为每个html标签编写内联CSS是耗时的，为了节省您的时间，请使用内置工具

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

只需粘贴您的整个电子邮件模板，您将获得每个标签内嵌CSS的HTML文件。 那太容易了:)

注意：你可以在课堂上有你的class级和ID。

Answer 5

另一个很好的信息来源是MailChimp电子邮件模板参考 。 我发现开发部分特别有用，因为它包含有关什么CSS GMail支持以及如何利用它的信息。

Answer 6

我刚刚testing过它，它支持内联样式，使代码有点丑陋，但你可以绕过这一切。

希望有所帮助。

Answer 7

如果您使用Ruby on Rails和ActionMailer，则可以使用gem ActionMailer Inline CSS 。 所有你需要做的就是安装gem，它会自动将你的邮件模板中的所有CSS内联。 它从字面上看不可能更容易。

ActionMailer在GitHub上内联CSS

Answer 8

Gmail阻止所有外部（引用）资产 – 样式表，图像，脚本等。这是为了保护收件人的隐私。 您仍然可以包含内联样式：

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