View Full Version : IE8 makes image selection blue

01-30-2012, 05:19 PM
We are using the scratch card functionality here:


In IE8, and only in IE8, the image when performing the scratch off turns blue. Only when we select it to start scratching off the card.

We thought this might be the culprit, but this did not fix it:

Firefox, Chrome, and IE9 look great. It's only IE8.

01-31-2012, 06:47 AM
Doesn't happen to me for that original link. Do you get the issue for that too?

01-31-2012, 06:29 PM
Doesn't happen to me for that original link. Do you get the issue for that too?

The user came back to me with more detail. They do not like when the image is clicked and the entire gray/blue overlay happens on the entire image. If you scratch off in Firefox, this does not happen, but in IE8, this happens. Almost like an entire "overshadow" effect.

Is this the box shadow effect?

01-31-2012, 08:35 PM
I'm going to try variations of this where scratch_choice is my master class containing the images:

.scratch_choice img:focus {background-color:none;}

01-31-2012, 08:51 PM
That did not work either.

01-31-2012, 08:59 PM

I tried the demo at the link you provided. It worked perfectly in Firefox, IE9, Chrome, Safari, and Opera.

Hold down Control and hit F5 to refresh your browser. You may have cache issues.