Google Chrome form autofill and its yellow background
Change "white" to any color you want.
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important;}
If you guys want transparent input fields you can use transition and transition delay.
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;}
Solution here:
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name=' + name + ']').val(text); }); });}