title: Remove Web-kit input background
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/2920306/google-chrome-form-autofill-and-its-yellow-background">Google Chrome form autofill and its yellow background</a>  </p>
  </blockquote>
  
  
  
  <p>Is possible to remove the <code>web-kit</code> yellow and really bad <code>background</code> from the <code>input</code> elements?</p>
  
  <p>See the image<img src="https://i.stack.imgur.com/iJrTA.png" alt="enter image description here"></p>
  
  <p>I tried with simple <code>background:#fff;</code> but it doesn't work.</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>input[type="text"],input[type="password"],textarea{
      border:1px solid #ccc;
      min-height:30px;
      padding:1%;
      background: #fff !important;
    }
  </code></pre>
  
  <p>I am on Mac OSX with Chrome</p>
  
  <p><a href="http://jsfiddle.net/J6Y9s/2/" rel="nofollow noreferrer">http://jsfiddle.net/J6Y9s/2/</a></p>
  
  <p>The only solution I've found is  this code that is working with jQuery, but i don't want to remove the comfortable autocomplete from the inputs :</p>
  
  <pre><code>if ($.browser.webkit) {
      $('input[name="password"]').attr('autocomplete', 'off');
  }
  </code></pre>