Question

相关主题：How to write a:hover in inline CSS?

我需要创建HTML电子邮件新闻快报。所有样式都应该是内联的。（根据 - http://www.campaignmonitor.com/css/ 并非所有电子邮件客户端都在HEAD标记中识别STYLE标记。但他们都喜欢内联样式。）

我的问题： 设计师想要深色背景色+白色链接，所以我使用 -

<a href="http://www.mySite.com" target="_blank">
  <span style="color: #ffffff;" >ici</span>
</a>

但是默认的＆＃34;访问过的颜色＆＃34;天黑了。

是否有其他方法可以改变“访问过的颜色”＃34; ？

谢谢，

Atara。

P.S。我还尝试了解密的BODY链接，vlink属性。没用。

Answer 1

首先，祝你好运！ HTML电子邮件在1996年的技术水平上坚定不移。

如果你实际上不需要单独的“访问”颜色，那么尝试的一件事就是在跨度上添加！important。

例如，您的邮件客户端可能在其样式表中包含以下内容：

a:visited * { color: #000 !important; }

在哪种情况下，它将覆盖您的内联样式。

因此，请尝试将范围更改为：

<a href="http://www.example.com" target="_blank">
    <span style="color: #ffffff !important;" >ici</span>
</a>

再次覆盖它。

Chrome中的快速测试表明，a:visited * { ... !important}确实覆盖了内联样式，但将!important添加回跨区工作正常。

2017年更新

CampaignMonitor CSS指南现在似乎建议在头部使用<style>元素，而不是内联所有样式。基于其他答案，这似乎提供了与最新版Outlook的最佳兼容性。

Answer 2

为什么不尝试在style标记内设置<a>属性并完全删除<span>？

执行该内联应覆盖:visited属性。

像这样：

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" >
    ici
</a>

注意：为了安全起见，您可以在其中添加!important属性以进一步支持。

我认为这是最好的做法，也是最干净的做法。

Answer 3

这是一个非常古老的主题，但认为这对某些人有用。除了使用普通的

之外，在2013年的Outlook 2013中没有其他任何工作

<style>a:visited{color:white !important}</style>

在体内

Answer 4

我尝试了2016年所述的所有想法（使用Outlook 2010及更高版本），但这些都不适用于我。但我使用此解决方案取得了成功：https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

他使用锚标记内的强标记（来自他博客文章的代码）： <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

它甚至可以解决使用Gmail转发电子邮件时链接颜色发生变化的问题。

希望能帮助其他人！

Answer 5

快速而肮脏的解决方案：在HTML电子邮件新闻信的正文中添加 vlink =“yourcolor”（与！DOCTYPE HTML PUBLIC一起使用） - // W3C // DTD HTML 4.01 Transitional // EN“ “http://www.w3.org/TR/html4/loose.dtd”）

如何写一个：访问内联CSS？

5 个答案: