Why doesn't my a:visited style work in Chrome or IE?

Question

I am using a simple HTML selector to change the visited link color. This works in Edge and Firefox, but not in Chrome and IE. Any tips would be great.

a:visited {
  color: pink !important;
}

<a href="https://www.w3schools.com">W3Sschools</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>Note:</b> The :link selector style links to pages you have not visited yet.</p>

Possible duplicate of [Does google chrome has issue with setting a:visited css properties?](https://stackoverflow.com/questions/6727993/does-google-chrome-has-issue-with-setting-avisited-css-properties) — Awais, Nov 20 '19 at 11:43
Not a duplicate (apparently) since this **does** work in Chrome. Should be closed as "unable to reproduce" (based on supplied example). — Paulie_D, Nov 20 '19 at 11:44
For me it has the same behavior in chrome as described. It works when `open in new tab` — kevinSpaceyIsKeyserSöze, Nov 20 '19 at 11:50

score 1 · Answer 1 · answered Nov 20 '19 at 14:22

1

When styling a pseudo-class like :visited for the <a> element, it's a good idea to style all of them explicitly, so that you don't get any stylesheet conflicts:

a:link
a:visited
a:hover
a:active

You can remember the correct order with the mnemonic: LoVe HAte

answered Nov 20 '19 at 14:22

Rounin

27,134
9
83
108

Works for most links but, except for links opening in a new tab, which have target=_blank in IE 11 & Chrome – user3799810 Nov 21 '19 at 02:47

Why doesn't my a:visited style work in Chrome or IE?

1 Answers1