CODEWITHSUNDEEP
cssinternet-explorer
Nathan
Nathan

Reputation: 319

Red glowing borders in IE?

I am currently building a website for a client, and am experiencing an issue in IE, the borders are all red. The website is at http://commercialcreditchecks.com and anywhere there is a boxshadow the boxshadow is red instead of the assigned blue, additionally the linked logo image has a red border, even though borders are set to none. Any ideas?

Upvotes: 0

Views: 266

Answers (2)

Web Designer cum Promoter
Web Designer cum Promoter

Reputation: 1336

Add the following css. For IE use

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;

For chrome, safari browsers use

-moz-box-shadow: 0 0 3px #0066FF;
-webkit-box-shadow: 0 0 3px #0066FF;

Upvotes: 0

SpYk3HH
SpYk3HH

Reputation: 22580

Your problem is in your styling. On class name .cta you have the following set:

filter: progid:DXImageTransform.Microsoft.Glow(Color=#333,Strength=15); MARGIN: 0px auto

Within that is the part Color=#333

Maybe try:

progid:DXImageTransform.Microsoft.Glow(Color=Gray,Strength=10); MARGIN: 0px auto

or try Silver as it looks closer to Gray20 (#333333)

MSDN Doc Here will help

Upvotes: 3

Related Questions