如何在内联 CSS 中编写 a:visited？答案

【问题标题】：How to write a:visited in inline CSS?如何在内联 CSS 中编写 a:visited？
【发布时间】：2012-02-28 01:27:34
【问题描述】：

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

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

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

但默认的“访问颜色”是深色的。

还有其他方法可以改变“访问颜色”吗？

谢谢，

阿塔拉。

附：我还尝试了解密的 BODY 链接，vlink 属性。没用。

【问题讨论】：

标签： css newsletter

【解决方案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 添加回 span 效果很好。

2017 年更新

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

【讨论】：

应用 !important 标签是不是有点冒险（因为它可能会改变所有锚标签的访问属性）？如果这是期望的行为，那很好，但应该小心 IMO。

【解决方案2】：

这是一个相当老的线程，但认为它对某人有用。除了使用普通的旧版本之外，在 Outlook 2013 中没有其他方法对我有用

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

在体内

【讨论】：

【解决方案3】：

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

内联应该覆盖:visited 属性。

像这样：

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

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

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

【讨论】：

【解决方案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 转发电子邮件时链接颜色变化的问题。

希望对其他人有所帮助！

【讨论】：

【解决方案5】：

一个快速而肮脏的解决方案：在 HTML 电子邮件新闻信函的 body 中添加 vlink = "yourcolor"（适用于 !DOCTYPE HTML PUBLIC "-//W3C //DTD HTML 4.01 过渡//EN" "http://www.w3.org/TR/html4/loose.dtd")

【讨论】：