I have a problem, because I've made a custom stylesheet for my website and it doesn't work in Chrome. The links are blue, visited pages are magenta and the links underline on hover. The code which doesn't work:
a:link,
a:visited {
color:black;
}
a {
text-decoration: none;
}
a:active,
a.active {
text-decoration:none;
}
a:hover,
a:focus {
text-decoration: none;
color:#575757;
}
I've tried to figure out whats happening and it seems that Chrome doesn't see these properties. It overrides them with:
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
My stylesheet works fine with Mozilla so I think that the issue is with Chrome and not my stylesheet. What should I do to display the website properly in Chrome?
There was a miracle and the website now works properly even in Chrome. I don't know why, because I haven't changed anything, but I suspect that Chrome was loading CSS from the stored CACHE and that was the reason why it displayed the website wrong.