当前位置: 首页 > Web前端 > CSS

Chorme浏览器记住密码输入黄色背景处理方法总结(三种)

时间:2023-03-30 14:19:59 CSS

问题分析正常情况:记住密码后访问:解决方法一:阴影覆盖输入:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset!important;}注意:由于设置了颜色覆盖,所以只对非透明纯色背景有效;方法二:修改chrome浏览器渲染黄色背景的时间(推荐):-webkit-autofill{-webkit-text-fill-color:#fff!important;transition:background-color5000sease-in-out0s;}注意:该方法适用于上图透明背景的输入框。方法三:jq方式去除if(navigator.userAgent.toLowerCase().indexOf("chrome")>=0){let_interval=window.setInterval(function(){letautofills=$('input:-webkit-autofill');if(autofills.length>0){window.clearInterval(_interval);//停止轮询autofills.each(function(){letclone=$(this).clone(true,true);$(this).after(clone).remove();});}},20);}注:该方法来源于网络