在登录页面时，使用谷歌浏览器自有的记住密码功能来自动填充账号和密码的输入框后，input输入框出现了背景：
input输入框出现了背景.png
解决方法一(推荐使用)：
/* 清除input在浏览器下的背景色 */
input:-webkit-autofill {
transition:background-color 5000s ease-in-out 0s;
}
解决方法二(前提要知道input的背景颜色)：
/* white：背景颜色（与input的背景颜色一样就可以了） */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
以上的解决方法只适合解决谷歌浏览器中的input背景色(默认是淡黄色)。
效果图：
效果图.png
谷歌浏览器记住账号密码后，input会改变原有颜色 css代码如下:
屏蔽谷歌浏览器记住表单密码 解决谷歌浏览器表单记住密码引起的各种bug，记住密码后输入框看似有值，但使用js表单验...
chrome谷歌浏览器记住密码后默认样式问题 登录记住密码以后，再次进入登录页，会有默认的背景颜色 解决方案：通过...
谷歌chrome浏览器和火狐fireFox在用户登录记住密码之后通常会改变input框的背景色 下面提出解决这个问...
在谷歌浏览器登录的时候，浏览器会将用户的登录密码记住，在修改密码的，或者当input，type是password的...
场景1：如何把input和验证码放在一个框？ 效果图： 场景2：chorme 浏览器记住密码后input黄色背景处...
使用记住密码并自动填充后，输入框会出现黄色/灰色的浏览器默认样式，此时在vue中添加如下代码 input:-web...
随手百度了一下，发现普遍的解决方案是： 通过上面的代码可以看到，这种方法只能满足纯色背景的需求，遇到了图片背景就歇...
问题描述：谷歌浏览器默认填充内容是，背景色会变成黄色 解决方法一：使用其他颜色覆盖黄色背景 input:-webk...
1.Chrome浏览器下，记住密码之后，输入框为黄色的背景， /*忘记密码后的黄色背景的去除*/ /*只对非透明的...
本文标题：谷歌浏览器使用记住密码功能后的input背景
本文链接：https://www.haomeiwen.com/subject/eomwtdtx.html
网友评论