57

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

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

我将如何解决这个问题?

4

9 回答 9

71

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

于 2009-10-12T15:20:25.597 回答
28

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

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

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

注意:你可以在课堂上保持你的班级和身份。

于 2015-11-04T08:33:35.707 回答
24

样式表是网络邮件提供商经常阻止的众多 HTML 功能之一。

HTML 邮件是一个充满伤害的世界,它不会变得更好——事实上,你可以预期它会变得更糟某些邮件程序或网络邮件服务几乎不支持 HTML 的所有功能。任何现代的东西都是致命的损失。当然,仍然有纯文本客户端。

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

于 2009-10-12T15:59:54.300 回答
19

如果您可以将样式嵌入到电子邮件中的类和 id 中,那么这些样式可能会意外地与 gmail 用于显示应用程序的样式发生冲突,或者被有恶意的人故意冲突。内联样式是标签的本地样式,因此不理会 gmail 样式。

谷歌必须保护它为人们创造的用户体验。

于 2009-10-12T15:24:17.507 回答
6

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

于 2013-09-13T13:51:21.753 回答
3

我刚刚对此进行了测试,它确实支持内联样式,使代码有点难看,但你可以绕过它。

希望有帮助。

于 2014-01-07T13:59:57.853 回答
0

如果您使用 Ruby on Rails 和 ActionMailer,您可以使用 gem ActionMailer Inline CSS。您所要做的就是安装 gem,它会自动内联邮件模板中的所有 CSS。从字面上看,这再简单不过了。

GitHub 上的 ActionMailer 内联 CSS

于 2016-06-29T21:26:33.300 回答
0
<style type="text/css"></style>

标签对我有用,但我确实遇到了一个问题,即我的所有 CSS 都无法正常工作,因为我错过了; 一个繁琐的过程,但我最终找到了它。

在这个链接#9 from here 给了我最初的提示,这可能是由于单独的 CSS 行。

于 2019-08-30T09:50:25.950 回答
-1

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

<span style="color:red;">Red text</span>
于 2009-10-12T15:23:11.003 回答