关于chrome、360浏览器自动填充的黄色背景样式解决方案

最近在做pc端项目，碰上了这个问题，到处找解决方案，总结一下常见的做个笔记，欢迎大佬们补充

文章目录

关于chrome、360浏览器自动填充的黄色背景样式解决方案
- 1、chrome浏览器、360浏览器等（非兼容模式）
- 2、360浏览器（兼容模式）

1、chrome浏览器、360浏览器等（非兼容模式）

css代码

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

chrome修改前效果

chrome修改后效果

2、360浏览器（兼容模式）

css代码

input[type="text"] {background: transparent !important;
}
input[type="password"] {background: transparent !important;
}
@-webkit-keyframes autofill {to {background: transparent;}
}
input:-webkit-autofill {animation-name: autofill !important;animation-fill-mode: both !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {background-clip: content-box !important;
}

修改前效果

修改后效果

关于chrome、360浏览器自动填充的黄色背景处理方案相关推荐

解决360浏览器自动填充的屎黄色背景的问题
解决360浏览器自动填充的屎黄色背景的问题参考文章: (1)解决360浏览器自动填充的屎黄色背景的问题 (2)https://www.cnblogs.com/mahatmasmile/p/31527 ...
html 360浏览器输入框自动填充,关于360浏览器自动填充表单问题以及解决方案
关于360浏览器自动填充表单问题以及解决方案浏览器发展现在的网络社会,拥有成千上万.形形色色的网站,相对应的就会存在许许多多的用户,而我们普通用户对于记住这些账号密码就显得好麻烦, 所以,现在的浏览 ...
360 html禁止自动填充,360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决？...
360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决? 很多用户都遇到了360浏览器自动填充表单的问题,那么怎么解决呢?今天带来360浏览器自动填充表单的问题解决方法分享. 开发 ...
去掉input自动填充的黄色背景
添加样式: <style type="text/css">input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 100 ...
禁止chrome浏览器自动填充表单的解决方案
禁止chrome浏览器自动填充表单的解决方案参考文章: (1)禁止chrome浏览器自动填充表单的解决方案 (2)https://www.cnblogs.com/ld-swust/p/5801606 ...
chrome浏览器自动填充时背景色改变（-webkit-autofill）
出现的问题在做一个表单时使用chrome浏览器输入表单内容,在第二次测试的时候出现了自动填充的选项,选择后发现输入框的样式不再是手动设置的样式原手动填充效果如下: 选择自动填充后的样式: 此时观察 ...
input文本框自动填充背景色黄色解决办法
文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明 input文本框自动填充背景色黄色解决方式如何取消黄背景色?浏览器兼容处理? 解决前后,截图对比: ...
去除浏览器自动填充密码功能
去除浏览器自动填充密码功能去除浏览器自动填充密码功能去除浏览器自动填充密码功能在项目开发中,遇到这样一个问题,前端显示后端一个机密数据时,使用了<input type = 'passwor ...
问题：浏览器自动填充input密码框
问题浏览器会默认将已保存的账号密码自动填充到input为type="password"的输入框内(autocomplete="off"不起作用),type ...

关于chrome、360浏览器自动填充的黄色背景处理方案

关于chrome、360浏览器自动填充的黄色背景样式解决方案

文章目录

1、chrome浏览器、360浏览器等（非兼容模式）

2、360浏览器（兼容模式）

关于chrome、360浏览器自动填充的黄色背景处理方案相关推荐

最新文章

热门文章