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

发布于 2025-01-03 02:53:16 字数 646 浏览 0 评论 0原文

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

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

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

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

还有另一种方法可以改变“访问的颜色”吗？

谢谢，

阿塔拉。

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

原文

I need to create an HTML Email News Letters. All styles should be inline. (According to –
http://www.campaignmonitor.com/css/
Not all email clients recognize STYLE tag with in the HEAD tag. but they all prefer inline styles.)

My Problem:
The designer wants a dark background color + white links, so I use -

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

but the default "visited color" is dark.

Is there another way to change the "visited color" ?

Thanks,

Atara.

P.S. I also tried the decrypted BODY link, vlink attributes. did not work.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

国粹 2025-01-10 02:53:16

首先，祝你好运！ 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 指南现在似乎建议在头部使用

First off, good luck! HTML email is stuck firmly at 1996 tech levels.

One thing to attempt if you don't actually need a separate "visited" colour is to add an !important on the span.

For example, your mail client may have something like this in their style sheet:

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

In which case that will override your inline style.

So, try changing your span to:

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

to override it back again.

A quick test in Chrome shows that the a:visited * { ... !important} does override the inline style, but adding the !important back to the span works fine.

2017 Update

The CampaignMonitor CSS guide now seems to recommend using a <style> element in the head, rather than inlining all styles. Based on other answers this seems to provide the best compatibility with recent version of Outlook.

回复收藏 0 原文

爱格式化 2025-01-10 02:53:16

我在 2016 年尝试了这里描述的所有想法（使用 Outlook 2010 及更高版本），但没有一个对我有用。但我使用此解决方案取得了成功： https://jamesnorthard.com/ Outlook-change-visited-link-color-in-email/

他在锚标记内使用了强标记（代码来自他的博客文章）：
我的链接

它甚至修复了使用 Gmail 转发电子邮件时链接颜色变化的问题。

希望对其他人有帮助！

回复收藏 0 原文

走野 2025-01-10 02:53:16

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

内联执行此操作应覆盖 :visited 属性。

像这样：

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

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

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

Why not try setting the style attribute inside the <a> tag and removing the <span> altogether?

Doing that inline should overwrite the :visited property.

Like this:

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

Note: And just to be safe you can add the !important property in there to further back it up.

I think this is the best practice and the cleanest way to do this.

回复收藏 0 原文

很快妥协 2025-01-10 02:53:16

这是相当古老的线程，但认为它对某人有用。使用普通的旧内容之外，在 Outlook 2013 中没有其他任何方法对我有用

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

除了在 body 中

This is pretty old thread but thought it would be useful to somebody. Nothing else worked for me in outlook 2013 except using the plain old

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

within the body

回复收藏 0 原文

冷心人i 2025-01-10 02:53:16

一个快速但肮脏的解决方案：在 HTML 电子邮件新闻信函的正文中添加 vlink = "yourcolor"（与 !DOCTYPE HTML PUBLIC "-//W3C//DTD 配合使用） HTML 4.01 过渡 //EN"
“http://www.w3.org/TR/html4/loose.dtd”)