在Chrome中查看时，显示无！重要信息无法在电子邮件中使用

Question

我有一封自动回复邮件，可以自动将内容添加到用户收到的电子邮件中。我有隐藏内容的样式，当在Firefox中查看而不是Chrome或IE时，它可以在Outlook和Gmail中使用。此外，如果我在刷新页面时在Firefox中查看，则不再隐藏字段。

当我使用inspect element时，这是我要隐藏的代码，在gmail中显示：

<div id="m_-1227767118273686484surveyContainer" class="m_-1227767118273686484surveyContainer">

我尝试添加以下内容：

div[id$="surveyContainer"] {
display: none !important;
}

div[class$="surveyContainer"] {
display: none !important;
}

此外，当我在Chrome中使用Gmail中的电子邮件并选择“查看原始内容”

时

容器就是这样：

    <div id="surveyContainer" class="surveyContainer">

所以我也尝试添加

#surveyContainer {
display: none !important;
}

我也尝试过设置最大高度并将溢出设置为隐藏。

这也没有用？有什么想法吗？