<h1> - <h6> 标签在电子邮件通讯中呈现为绿色字体答案

【问题标题】：<h1> - <h6> Tags Rendered as Green Font in Email Newsletters<h1> - <h6> 标签在电子邮件通讯中呈现为绿色字体
【发布时间】：2023-03-15 06:16:01
【问题描述】：

我在 Dreamweaver 中使用内联 CSS 设计电子邮件，但我使用 Firefox 和 Chrome 中的 Hotmail 进行的每次测试总是将标题标签呈现为绿色字体颜色。我希望字体正常。什么都不会改变它。为什么<h1>-<h6>会渲染成字体颜色？

<div class="blockheader">
    <h2>New event starting today!</h2>
</div>

<style>
#block .blockheader {
    background-color: #000;
    color: #FFF;
    font-family: "Arial Black";
    display: block;
    text-align: left;
    padding: 2px 0px 2px 0px;
}
</style>

【问题讨论】：

内联 CSS 是什么样的？另外，您是否仅使用 Hotmail 进行过测试？
是的，只有浏览器和 Apple Mail 中的 Hotmail。显然 Apple Mail 有更多的支持，但这不是我所关心的。
老实说，您在此处发布的样式看起来不太内联。您不能指望电子邮件正文中的<style> 元素以您想要的方式处理，因为正文中的<style> 元素是非标准的，许多电子邮件客户端可能会丢弃它们。所以使用style 属性。请参阅乔纳森的回答。
听起来我还有很多东西要学。我使用 Dreamweaver 或 Web 技术的时间不长。谢谢你的意见:)

标签： html css header tags dreamweaver

【解决方案1】：

在为电子邮件编写 HTML/CSS 时，您往往不得不假装自己回到了过去。意思是，编写非常基本的标记，并使用内联样式：

<h1 style="color: #FFF; background: #000">Foo Email</h1>

此外，请查看HTML Email Boilerplate。您也可以通过Inline Styler 找到帮助。

【讨论】：

好的，这真的很棒。谢谢您的帮助。我会马上解决的:)
嗯！在阅读您发布的链接时，它提到了我的确切症状：“Hotmail 标题颜色重置：Hotmail 将您的标题颜色样式替换为 H2、H3、H4、H5 和 H6 标签上的绿色。”太好了^_^

【解决方案2】：

在做一些研究时，Hotmail 将 h 标签呈现为绿色，我没有看到任何充分的理由。我发现的修复是在您的内联样式中使用 !important 。像这样：

<h4 style="color: #660000 !important;">Awesome Red Header in Hotmail</h4>

希望这会有所帮助。

【讨论】：