admin管理员组

文章数量:1534339

关于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

版权声明：本文标题：关于chrome、360浏览器自动填充的黄色背景处理方案 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726883939a1088764.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。