title: How to change Safari autofill yellow background color
body: <p>This image is what I get from safari:</p>
  
  <p><a href="https://i.stack.imgur.com/KbyGP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/KbyGP.png" alt="This is what I get from Safari"></a></p>
  
  <p>While this is my code:</p>
  
  <p><a href="https://i.stack.imgur.com/4wEf0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4wEf0.png" alt="This is from my style sheet"></a></p>
  
  <p>Sources:</p>
  
  <p><a href="https://blog.mariusschulz.com/2016/03/20/how-to-remove-webkits-banana-yellow-autofill-background" rel="noreferrer">How to Remove WebKit's Banana-Yellow Autofill Background</a></p>
  
  <p><a href="http://labs.enonic.com/articles/remove-forced-yellow-input-background-in-chrome" rel="noreferrer">Remove forced yellow input background in Chrome</a> - even it says chrome but still pointing to webkit-autofill</p>
  
  <p>I had tried to use <code>background-color:white !important;</code> to override the locked css. Debug tool showed User Agent Stylesheet background-color had crossed out, but still the color didn't change and the custom was in used.</p>
  
  <p>That's what really confused me, I have no idea why aren't allow to change the User Agent Stylesheet.</p>