title: Firefox placeholder color changes
body: <p>I was surprised that this didn't work in Firefox (try it on Chrome and Firefox: <a href="http://jsfiddle.net/YzkSx/" rel="nofollow">http://jsfiddle.net/YzkSx/</a>):</p>
  
  <pre><code>&lt;!doctype html&gt;  
  &lt;html&gt;  
  &lt;head&gt;  
    &lt;title&gt;Placeholder demo&lt;/title&gt;  
    &lt;style type="text/css"&gt;
        input {color: red}
    &lt;/style&gt;  
  &lt;/head&gt;  
  &lt;body&gt;  
    &lt;input id="test" placeholder="Placeholder text!"&gt;  
  &lt;/body&gt;  
  &lt;/html&gt;
  </code></pre>
  
  <p>Because I apply a red color to the input, the placeholder ends up being red as well. In Chrome and Safari, if I 'color' the input, the placeholder is not affected.</p>
  
  <p>I know about the :moz-placeholder pseudo-class, but it seems like I shouldn't have to bother with that if all I want is a different color applied to the input when a user starts typing.</p>
  
  <p>Thanks for your help!</p>