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:

enter image description here

What is the HTML for this form element? It looks like a disabled textarea. Note that IE8 doesn't support text-shadow, so you won't be able to use that property to change it. (Also, to remove a text-shadow, you use `text-shadow: none`.) — BoltClock, Jun 03 '14 at 17:09
I am using dijit.form.NumberSpinner (http://dojotoolkit.org/reference-guide/1.9/dijit/form/NumberSpinner.html) to generate the HTML; thanks for the reference as well. I'm not sure if it's text-shadow or not -- what else could it look like? — streetlight, Jun 03 '14 at 17:24
Ah, so it's a custom spinner control. Well, it looks like embossed text (with a background that isn't the usual white), which is why I suspect it's a disabled control. That is applied by the browser based on system rendering of controls and is not something usually targetable with CSS. — BoltClock, Jun 03 '14 at 17:27
Ah yeah it is disabled. That's crazy it's un-targetable. Thanks for the info though :) — streetlight, Jun 03 '14 at 17:38
That's that, then. No problem, I posted an answer. I've gotta get going now! :) — BoltClock, Jun 03 '14 at 17:55

score 0 · Answer 1 · edited May 23 '17 at 12:20

0

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

edited May 23 '17 at 12:20

Community

1
1

answered Jun 03 '14 at 17:13

Riskbreaker

4,621
1
23
31

This is not an answer; and should added in comment section. – Kheema Pandey Jun 03 '14 at 17:15
1

Why not? What do you expect on all answers? code?....you can solve this easily with Modernizr..... – Riskbreaker Jun 03 '14 at 17:17
The issue isn't that I want to negate whatever effect is creating this -- unfortunately I am inheriting a few different stylesheets but am unsure what to look for. You think this is 'filter' attribute? – streetlight Jun 03 '14 at 17:27
possibly yes... ms filter...go inspect that input element and see what your css code shows – Riskbreaker Jun 03 '14 at 17:29

score 0 · Accepted Answer · answered Jun 03 '14 at 17:50

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.

IE 8 Adding Text-shadow

2 Answers2