html记住密码设置颜色,chorme浏览器记住密码后input黄色背景处理方法总结（三种）...

问题分析

正常情况：

记住密码作一新求抖直微圈后访问：

解决方法

方法1：阴影覆盖

input:-webkit-autofill {

-webkit-box-shadow: 0 0 0 1000px white inset !important;

}

注：由于是设置颜色覆盖，所以只对非透明的纯色背景有效；

方法2：修改chrome浏览器渲染黄色背景的时间(推荐)

:-webkit-autofill {

-webkit-text-fill-color: #fff !important;

transition: background-color 5000s ease-in-out 0s;

}

注：此方法适用于上图那种背景为透明色的输入框

方法3：j中比需抖接朋功要朋插q方式去除

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)

{

let _interval = window.setInterval(function () {

let autofills = $('input:-webkit-autofill');

if (autofills.length > 0) {

window.clearInterval(_interval); // 停止轮询

autofills.each(function() {

let clone = $(this).clone(true, true);

$(this).after(clone).remove();

});

}

}, 20);

}

注：此方法来遇新是直朋能到分览自网上