问题
Related Topic: How to write a:hover in inline CSS?
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.
回答1:
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.
回答2:
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
回答3:
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.
回答4:
I tried all that ideas described here in 2016 (with Outlook 2010 and up), none of them worked for me. But I had success using this solution: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/
He uses the strong tag inside the anchor tag (code from his blog post):
<a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>
It even fixes the problem of a changing link color when forwarding an email with Gmail.
Hope that helps anyone else!
回答5:
a quick and dirty solution : add vlink = "yourcolor" in the body of your HTML Email News Letter (works with !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd")
来源：https://stackoverflow.com/questions/9162362/how-to-write-avisited-in-inline-css