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

Question

我在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>

- TheGreatBenigma

---

内联CSS是什么样子的？此外，您只测试了Hotmail吗？ - Mr Lister

是的，在两个浏览器和苹果邮件中只有 Hotmail。显然，苹果邮件具有更好的支持，但这不是我关心的问题。 - TheGreatBenigma

你在这里发布的样式看起来并不是很内联，说实话。你不能指望电子邮件正文中的<style>元素按照你想要的方式处理，因为正文中的<style>元素是非标准的，许多电子邮件客户端可能会将它们丢弃。所以请使用style属性。请参考Jonathan的回答。 - Mr Lister

听起来我还有很多东西要学习。我没有使用Dreamweaver或Web技术很长时间。谢谢你的建议 :) - TheGreatBenigma

Answer 1

在编写电子邮件的HTML/CSS时，你需要假装自己回到了过去。也就是说，要编写非常基本的标记，并使用内联样式：

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

此外，还可以查看HTML电子邮件模板。您也可能发现内联样式转换工具对您有所帮助。

- Sampson

---

好的，太棒了。谢谢你的帮助。我会立即开始 :) - TheGreatBenigma

哎呀！看了你发的链接，里面提到了我遇到的问题：“Hotmail标题颜色重置：Hotmail会将H2、H3、H4、H5和H6标签的标题颜色样式替换为绿色。”太好了 ^_^ - TheGreatBenigma

Answer 2

在进行一些研究后，我发现Hotmail将h标签呈现为绿色，但我并没有看到任何好的理由。我找到的解决方法是在您的内联样式中使用!important。就像这样：

在Hotmail中使用惊人的红色标题

希望这可以帮助到您。

- Vinca