title: Remove the yellow background on input on autofill
body: <p>Anyone knows how to remove this ugly chrome background when autofill? (Refer below.)</p>
  
  <p><img src="https://i.stack.imgur.com/OzX32.jpg" alt="enter image description here"></p>
  
  <p>So far I tried:</p>
  
  <pre><code>*:focus {
      outline: 0;
  }
  input:-webkit-autofill {
      -webkit-box-shadow: none;
      -webkit-text-fill-color: #fff !important;
  }
  button:focus, input:focus, a:focus {
      text-decoration: none !important;
      outline: none !important;
  }
  </code></pre>
  
  <p>Sadly, none of them works. Any help, ideas, clues, suggestions would be greatly appreciated.</p>