Surprisingly, this code didn't work in Firefox (give it a try on Chrome and Firefox: http://jsfiddle.net/YzkSx/):
<!doctype html>
<html>
<head>
<title>Placeholder demo</title>
<style type="text/css">
input {color: red}
</style>
</head>
<body>
<input id="test" placeholder="Placeholder text!">
</body>
</html>
When I applied a red color to the input field, the placeholder text ended up being red as well. However, in Chrome and Safari, the placeholder text was not affected by the color change.
While I am aware of the :moz-placeholder pseudo-class, it seems unnecessary to use it simply to change the color of the input when a user begins typing.
Thank you for any assistance you can provide!