Can'；我找不到合适的位置将嵌入的CSS粘贴到Gmail中

几个月前，我开始研究HTML电子邮件（以前从未做过）。我读到Gmail从2016年9月开始支持嵌入式CSS或“块”CSS。从那以后，我一直在断断续续地想办法让Gmail在收到测试MSG时呈现嵌入的CSS。当我创作它们时，它们看起来很好。我使用此YouTube视频学习如何在“撰写”窗口中插入标记：

替换整个div，就像视频中说的那样不起作用，但是我试着只替换虚拟文本本身，当我点击返回到compose窗口时，css和html被完美地呈现出来。屏幕盖如下：

问题是，当我发送邮件并查看收到的电子邮件时，样式规则被忽略了。我想发布另一个屏幕截图，但SO告诉我，我需要10的声誉才能做到这一点，而我是一个卑微的1。无论如何，相信我，收到的信息上的所有文字都是黑色的

在我的第一次尝试中，我使用了整个html文件，来自。。。。然后我试着。。。。同样的结果。然后我尝试扩展我要替换的DIV，替换父DIV而不是原始DIV，然后它的父DIV。。。这让我一事无成。使用Firefox和Chrome，两者都使用。我没有主意了。似乎其他人正在使用嵌入式CSS。非常感谢您的帮助

谢谢，

---

-DK

一般来说，如果您要发送HTML电子邮件，您应该使用一些外部邮件软件（如Microsoft Outlook、Mozilla Thunderbird、Apple mail等）并通过SMTP发送

在您的情况下，如果您的样式是内联的，那么它将起作用，因此您可以发送以下内容：

<p style="color: blue">This is a blue text</p>

<p>This is a blue text<p>

这是一个蓝色文本

但无法发送类似以下内容：

<p style="color: blue">This is a blue text</p>

<p>This is a blue text<p>

这是一个蓝色文本

以及附加外部.css文件，因为您不能以这种方式在电子邮件中附加css文件

您总是可以使用一些缩略器（如或）将CSS和HTML转换为带有内联CSS的HTML

如果您100%确定提供了正确的HTML和内嵌CSS，那么您应该将HTML电子邮件保存为草稿，然后从草稿视图发送。这对我很有用：

不幸的是，您不能直接发送HTML邮件，但在将其保存为模板/草稿后，它将由Gmail进行处理，然后它将按预期工作

---

希望有帮助

在HTML文件中，只需将

添加到

中的标准位置，它就可以正常工作

Litmus写了一篇非常好的Gmail响应更新文章，值得一读。

---

截至2020年10月，Gmail用户界面仍然不允许使用HTML/CSS撰写电子邮件

以下是参考视频中显示的技巧的摘要：

单击Gmail Web UI的撰写按钮

添加虚拟文本

选择虚拟文本，然后使用Chrome DevTools编辑虚拟文本中的元素保持

不幸的是，这不允许包含

…

。如果您决定使用外部编辑器，则可以使用标准HTML结构

p{
颜色：栗色；
}
世界你好

一种选择是使用谷歌应用程序脚本来编写HTML消息。虽然它不提供WYSWYG，但您可以创建一个简单的web应用程序，使其仅对您可用

下面的示例使用scriptlets创建简单表并设置其样式（scriptlets的使用是可选的）

代码.gs

函数doGet（）{
返回HtmlService.createTemplateFromFile（'index'）.evaluate（）
}

index.html

身体{
背景颜色：灰色；
}
桌子{
保证金：自动；
}
标题{
背景色：海军蓝；
颜色：白色；
}
tr.标签{
背景色：白色；
}
tr.价值{
背景色：白色；
文本对齐：右对齐；
}
tr.总计{
背景色：白色；
颜色：海军蓝；
字体：斜体；
文本对齐：右对齐；
}
总数：

如果您不想在Code.gs文件中使用scriplets而不是

HtmlService.createTemplateFromFile('index').evaluate()

你可以用

HtmlService.createHtmlOutputFromFile('index')

上述方法在发送电子邮件时效果良好，但不适用于保存为草稿的邮件，因此如果需要将邮件保存为draf，而不是使用

…

使用内联样式

资源

• （这说明了如何创建Gmail插件来撰写草稿，但没有提到如何包含CSS）

相关的

• （来自Web应用程序）

---

嗨，巴特，谢谢你的快速回复。我知道我不能使用外部样式表。我正在尝试使用样式块来完成它。。。然后是HTML内容。Litmus那边的人做得很好。下面的链接：AFAIK它在浏览器中不会这样工作，从您在评论中链接的站点：。你必须使用一些第三方软件来发送HTML电子邮件，或者使用gmail.com使用“内联css”的方式。别忘了，只有第一种样式是gmail支持的。