title: Changing an input's HTML5 placeholder color with CSS does not work on Chrome
body: <p>I tried to follow the following topic, but unsuccessfully.
  <a href="https://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css">Change an HTML5 input&#39;s placeholder color with CSS</a></p>
  
  <p>I tried to colorize my placeholder, but it still stay grey on Chrome 17.0.963.56 m.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type='text' name='test' placeholder='colorize placeholder' value='' /&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>INPUT::-webkit-input-placeholder, 
  INPUT:-moz-placeholder {
      color:red;
  }
  input[placeholder], [placeholder], *[placeholder]
  {
      color:green !important;
  }
  </code></pre>
  
  <p><strong>JSfiddle</strong></p>
  
  <ul>
  <li><a href="http://jsfiddle.net/F4xfV/1/" rel="noreferrer">http://jsfiddle.net/F4xfV/1/</a></li>
  </ul>
  
  <p>On Firefox 10.0.2, it works well.</p>