Gmail将某些HTML元素包装在名为im的类中

Question

我一直在测试我最近创建的HTML电子邮件流程.但是最近,当我在Gmail中打开电子邮件时,我注意到某些元素包含在一个我知道没有放入原始HTML布局的类中.事实上我只是三重检查!在Gmail中查看HTML电子邮件时,我的表单的随机部分正在包含...

<div class="im">
....
</div>

结果,一些文本变成紫色,而其他文本则不变.为什么会这样？

谢谢

Answer 1

Gmail似乎认为您在对话中引用了其他电子邮件,因此它会div.im围绕您认为是对话中的前一部分的代码部分.

如果您的代码具有多个TR的TABLE,则可能会发生这种情况.要解决这个问题,而不是在一个TABLE中使用几个TR,请使用几个TABLE,每个TABLE中包含一个TR.

如果您有多个相同的主题行,也可能会发生这种情况,从而导致Gmail认为这是一个对话.您可以通过使每个主题行唯一来解决此问题.

我让 Gmail 认为输入的每个 HTML 表单都通过使我的主题行相同来连接到原始邮件。我只是将主题行设置为独特的，以避免 Gmail 的混淆，现在这个问题似乎已经消失了。谢谢！所以是的，我让 Gmail 认为我在谈话中引用了其他电子邮件（在某种程度上）。 (2认同)
如果我不想让主题变得独特，我该如何解决这个问题？ (2认同)

Answer 2

单独的样式文件不适用于电子邮件。您可以做的是在 html 中为此类添加样式，如下所示：

  <head>
       <style type="text/css">
        .im {
           color: #000000 !important;
        }
    </style>
  </head>

这应该为类.im提供样式，以防它找到

我会用“颜色：继承！重要”来代替 - 这样文本仍然会遵循预期的任何文本颜色，更重要的是在“深色模式”下完全清晰。 (3认同)
我认为这不再有效了。GMail 在您的电子邮件中包含 HTML“head”中的样式，并使用一些内容将其命名为远离其自己的样式，因此您的“.im”CSS 条目在收件人的浏览器中显示为“.m_-1234567890123456789im”之类的内容。 (2认同)

Answer 3

当在这样的段落中使用单行换行符时，我也遇到了这个问题：

<p>
   line 1<br>
   line 2<br>
   line 3
</p>

通过从HTML的特定部分中删除所有空白，并将整个段落及其所有内容重新排到屏幕的左侧，我能够纠正Gmail中发生的问题。当然，它看起来有些混乱，并且您失去了适当的缩进，但是我认为这可以帮助Gmail避免意外地认为您引用的是内联。