如何写一个:访问内联CSS?

Ata*_*ara 19 css newsletter

相关主题:如何编写:悬停在内联CSS中?

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

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

<a href="http://www.mySite.com" target="_blank">
  <span style="color: #ffffff;" >ici</span>
</a>
Run Code Online (Sandbox Code Playgroud)

但默认的"访问颜色"是黑暗的.

还有另一种方法可以改变"访问过的颜色"吗?

谢谢,

Atara.

PS我也试过解密的BODY链接,vlink属性.不工作.

kib*_*ibu 26

首先,祝你好运!HTML电子邮件坚定地坚持1996年的技术水平.


如果你实际上不需要单独的"访问"颜色,那么尝试的一件事就是在跨度上添加!important.

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

a:visited * { color: #000 !important; }
Run Code Online (Sandbox Code Playgroud)

在这种情况下,它将覆盖您的内联样式.

因此,请尝试将您的范围更改为:

<a href="http://www.example.com" target="_blank">
    <span style="color: #ffffff !important;" >ici</span>
</a>
Run Code Online (Sandbox Code Playgroud)

再次覆盖它.

在Chrome中进行的快速测试表明,它a:visited * { ... !important}确实覆盖了内联样式,但将!important背面添加到跨度可以正常工作.


2017年更新

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


小智 5

我在 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 转发电子邮件时链接颜色变化的问题。

希望对其他人有帮助!