Your CSS isn't valid. -moz-placeholder is pseudo-class. It must follow an element type, ID, class, etc.. Example:

input:-moz-placeholder { font-style: italic; color: silver }

<input id="example" type="text" placeholder="Click to make me go away.">

For details, see the following article: https://developer.mozilla.org/en/CSS/:-moz-placeholder

Thanks for the reply.

The issue I found is that if you assigned a css color on your input field, the placeholder color will also use that even if you assigned a different color for placeholder.

Using your example:

input{color: red}

input:-moz-placeholder{color: green}

that won't work. The placeholder color will be RED instead of GREEN.

Seems to be working fine for me on Linux with Firefox 11 on the demo page after clearing the current value to make the placeholder text show.

• https://developer.mozilla.org/samples/cssref/moz-placeholder.html

input{color: red}
input:-moz-placeholder{color: green}