解决form表单偏黄的问题

<a href="https://www.cnblogs.com/yz-blog/p/6649704.html">原作者地址</a>

一般解决这种input表框偏黄问题有两种情况。

第一种：没有背景图标的表单

这种表单解决相对简单，只有几串CSS代码就搞定

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
 　　　　{
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            background-color: rgb(0, 0, 0) !important;
            background-image: none !important;
            color: rgb(0, 0, 0) !important;
            -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
        }

第二种:有背景图片input表单

这种方式需要用到JS,这里贴上代码

总结：其实第二种代码可以解决所有，所以你们可以选择性的使用！

 

    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);
            });
        });
    }