title: Google Chrome autofill yellow background
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/175951/how-do-i-stop-chrome-from-yellowing-my-sites-input-boxes">How do I stop Chrome from yellowing my site&#39;s input boxes?</a>  </p>
  </blockquote>
  
  
  
  <p>I know there are exact duplicates, but none of the answers on them solved my issue (for example <a href="https://stackoverflow.com/questions/175951/how-do-i-stop-chrome-from-yellowing-my-sites-input-boxes">How do I stop Chrome from yellowing my site&#39;s input boxes?</a>).</p>
  
  <p>When chrome autofills a field it becomes yellow, for some reason. Example picture here: <a href="http://nclabs.org/screenshots/1295269850.png" rel="nofollow noreferrer">http://nclabs.org/screenshots/1295269850.png</a></p>
  
  <p>What I want:</p>
  
  <ul>
  <li>A CSS or Javascript (even jQuery) solution that prevents the <strong>background</strong> (not :focus outline!) to become yellow on autofill.</li>
  <li>That solution must leave the autofill feature intact.</li>
  </ul>
  
  <p>Does anyone know a solution? Thanks!</p>