Can't change the filling of visited links?

Question

Why can't I change the add-on for the visited link? I try this:

HTML:

<a href="#">link</a> 

CSS

 a{ display: block; background: green; padding-left: 100px; } a:visited{ background: red; padding-left: 0; } 

Demo: http://jsfiddle.net/ZVZWW/

Answer 1

Unfortunately, due to security issues, the list of styles that you can apply to :visited elements is limited. Previously, hackers could spoof user history by checking for differences in the styles of regular links and those that the user had previously visited. Read more about security issues here and what styles are allowed: https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/

Regarding the permissible styles and modifications of the elements :visited , here is what MDN has documented on this subject:

You can still visually style the visited links, but there are now limits which styles you can use. Only the following properties can be applied to visited links:

 color background-color border-color (and its sub-properties) outline-color fill and stroke colors 

In addition, even for properties that you can set for visited links, you cannot change the transparency between visited links, since you could otherwise use rgba () or hsla () or the transparent keyword.

Answer 2

For visited links, only the following properties can be applied:

 color background-color border-color (and its sub-properties) outline-color 

Source: - Privacy_and_the_: visited_selector