CODEWITHSUNDEEP
colorshyperlinkinternet-explorer-9
Rob
Rob

Reputation: 15

IE9 Problems with link Cascading order?

Ok I have a pretty simple problem. In Chrome, Safari, and Firefox everything is fine and perfect. But in IE9 it is not.

I have CSS style set up for a couple different links.

.header a:link {
color:#fff;
background-color:#f00;
}
.content a:link {
color:#00f;
text-decoration:underline;
}
.nolinkcolor a:link {
color:#000;
background-color:fff;
}

Here is the problem when using the last css style .nolinkcolor it does not work at all on IE9 all other browsers it works fine. In IE9 it basically ignores the .nolinkcolor and uses the styles of the .header

I just want to know if this is known problem and if there a tweak of fix for it??? thanks

Upvotes: 0

Views: 135

Answers (2)

Uttam Kadam
Uttam Kadam

Reputation: 458

Please check you div like <a href="#" class="nolinkcolor">Your test</a>. Also it matter parent container for link. If it is inside other container. you have to overwrite CSS. like:

modify CSS like: 

body #parentContainerID or class a.nolinkcolor {}

Upvotes: 2

Luke Z
Luke Z

Reputation: 2419

.nolinkcolor a:link {
color:#000;
background-color:fff;
}

Make sure you include the # character in background-color.

Fixing that that, I'm not seeing any other issues in IE9: JSFiddle test

Upvotes: 0

Related Questions