Change an input's HTML5 placeholder color with CSS
- by David Murdoch
Chrome supports the placeholder attribute on input[type=text] elements (others probably do too).
But the following CSS doesn't do diddly squat:
<style>
input[placeholder], [placeholder], *[placeholder]
{
color:red !important;
}
</style>
<input type="text" placeholder="Value" />
"Value" will still be grey (er, gray. whatever) instead of red.
Is there are way to change the color of the placeholder text?
p.s. I'm already using the jQuery placeholder plugin for the browsers that don't support the placeholder attribute natively.
