I use JavaScript to set the CSS text-shadow property. Here is my code to set the text-shadow property:

var text = document.getElementById("text");
text.style.textShadow = "1px 1px 0 red";

Once I set it, how do I unset the CSS text-shadow property using JavaScript? I tried

text.style.textShadow = "0 0 0 0";

but it does not work.

I use JavaScript to set the CSS text-shadow property. Here is my code to set the text-shadow property:

var text = document.getElementById("text");
text.style.textShadow = "1px 1px 0 red";

Once I set it, how do I unset the CSS text-shadow property using JavaScript? I tried

text.style.textShadow = "0 0 0 0";

but it does not work.

• javascript
• css

3 Answers 3

text.style.textShadow = "none";

Or, depending on your needs:

text.style.textShadow = "inherit";

Try:

text.style.textShadow = "none";

In fact, playing around with this, setting it to "0 0", null, and "" all seem to work as well.

See working test: http://jsfiddle/YwPF9/

I think

text.style.textShadow = "0 0";