IE 8 Adding Text-shadow

Question

I'm running into a strange issue -- in one of my form elements, it looks like text-shadow is being added only for IE 8.

Even when I add a:

text-shadow: 0px transparent;

It still appears. Has anyone seen something like this before?

I am using dojo / dijit, and when I specifically target the element even with something like

color: red;

It does not have any effect in IE 8, though it does in other modern browsers. Here is a screenshot:

Answer 1

You must be using either a ms filter or poly for this....

Are you using Modernizr? If not I recommend using it so you can call ie8 css to disable or change the css method on this text shadow.

HEre is a similar same issue/answer:

Text-Shadow: IE8

Answer 2

IE does not support the text-shadow property prior to version 10, so setting it won't have any effect there.

Since your form control is disabled, that's IE8 rendering it according to how the OS draws disabled controls in general. There isn't much you can do to change this, unfortunately.