chorme 浏览器记住密码后input黄色背景处理方法(两种)


使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

查看图片

方法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;
}

完美解决

查看图片

总结

以上所述是小编给大家介绍的chorme 浏览器记住密码后input黄色背景处理方法(两种),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

JavaScript数据结构与算法之队列原理与用法实例详解
本文实例讲述了JavaScript数据结构与算法之队列原理与用法。分享给大家供大家参考,具体如下:队列是一种列表,不同的是队列只能在队尾插入元素,

初探js和简单隐藏效果的实例
js:在页面中用户操作页面时发生的效果都是Js功劳。操作有点击,移入,和移出等。。。例1:通过display隐藏盒子!DOCTYPEhtmlhtmlheadmetacharset="utf-8"/title/titles

bootstrap-Treeview实现级联勾选
本文实例为大家分享了bootstrapTreeview实现级联勾选的具体代码,供大家参考,具体内容如下核心方法varnodeCheckedSilent=false;functionnodeChecked(event,node){if(nodeChe