text-shadow on HTML5 placeholder text
How can I apply a `text-shadow` on the placeholder text of my input field?

When I apply this CSS:

    input[type='text']::-webkit-input-placeholder {
    	color: green;
    	font: 18px Arial;
    	text-shadow: 2px 2px 2px #000000;
    }
    input[type='text']:-moz-placeholder {
    	color: green;
    	font: 18px Arial;
    	text-shadow: 2px 2px 2px #000000;
    }
...to this HTML:

    <input type="text" placeholder="placeholder text"/>
...then the `color` and `font` are applied but not the `text-shadow`.

See [jsFiddle example][1].


  [1]: http://jsfiddle.net/KD3n6/
text-shadow on HTML5 placeholder text
===

How can I apply a `text-shadow` on the placeholder text of my input field?

When I apply this CSS:

    input[type='text']::-webkit-input-placeholder {
    	color: green;
    	font: 18px Arial;
    	text-shadow: 2px 2px 2px #000000;
    }
    input[type='text']:-moz-placeholder {
    	color: green;
    	font: 18px Arial;
    	text-shadow: 2px 2px 2px #000000;
    }
...to this HTML:

    <input type="text" placeholder="placeholder text"/>
...then the `color` and `font` are applied but not the `text-shadow`.

See [jsFiddle example][1].


  [1]: http://jsfiddle.net/KD3n6/