Why are all links are red, in Chrome and Safari?

Question

Have just started using Google Chrome, and noticed in parts of our site, e.g. all the links on the page, are bright red. They should be black with a dotted underline.

Is there some gotcha in WebKit rendering that turns all links red regardless of the style?

Answer 1

Are all of the resources that you're linking to in the present at the locations where your page is seeking them (verify this by actually checking it). I've also had an issue when checking an app in Safari where I was attempting to pull a file that wasn't there and I had very similar output to yours (red links).

EDIT: Adding Developingchris's find to the answer, since it explains it so well:

k, found it.

If any of your stylesheets is missing or pathed incorrectly, it throws a 404. If your 404 page has inline styles, they get respected via the "alternate sheets" rule in webkit.

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.

Answer 2

k, found it.

If any of your stylesheets is missing or pathed incorrectly, it throws a 404.
If your 404 page has inline styles, they get respected via the "alternate sheets" rule in webkit.

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.

Answer 3

Chrome has a bug where it obeys alternate stylesheets. Do you have an alternate stylesheet that makes links red?

Answer 4

That explains the problem I had with my app--it was a Rails app, which also has 404 pages with red applied to some of the styles. Makes a whole lot more sense now than it did back then. Too bad you can't accept your own answer!

Answer 5

you can use a jscript console like firebug to find out where the color comes from

Answer 6

Have you set a :visited setting in your stylesheet?

Answer 7

Run your CSS file and your HTML file through the w3c validators. I had a similar problem when testing an application in Safari. The problem was in my code.