css: HTML5 - Style Placeholder Text

placeholder_text_style.css

::-webkit-input-placeholder {
	color: red;
}

:-moz-placeholder { /* Firefox 18- */
	color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
	color: red;  
}

:-ms-input-placeholder {  
	color: red;  
}

/* Change on focus */
:focus::-webkit-input-placeholder {
	color: green;
}

/*
Firefox 19 lowers the opacity of the placeholder to 0.54 by default.
To get the correct color you need to reset it:
::-moz-placeholder { opacity: 1; color: red; }
*/