CHROME下去掉保存密码后输入框变成黄色背景样式

之前没遇到过这种情况,现在打开这个页面后,手机号和密码都已经输入了,而且还显示的是黄色背景,清了下cookie,没有解决问题。请教了下大神,先把方法整理到这儿。

用代码审查看了input样式有如下样式设定:

然后我用!important设定后发现不能修改默认状态。最后用了阴影实现了

box-shadow:0 0 0 60px #fff inset;

如果不想保存密码的话加个autocomplete="off"到form或者input就可以了
 
 
时间: 2024-08-12 03:41:53

CHROME下去掉保存密码后输入框变成黄色背景样式的相关文章

如何解决在chrome中自动完成表单后input出现黄色背景

可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景:如: 代码如下: input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC!important; }

浏览器保存密码后自动填充问题

问题描述 在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码,当我们点击了记住密码后,发现浏览器会自动填充此域名下已经保存的账号密码,给用户带来不便.加了HTML5 中的新属性autocomplete="off" ,但是并没有产生效果. 浏览器自动填充机制 反复测试后发现浏览器自动填充机制是满足:页面里有一个type=password的input且这个input前面有一个type=text的input的时候就会进行自动填充.firefox和360浏览器的处理方式是:只要检测到页

Chrome提示是否保存密码点击了否,导致没有自动保存密码

Mac系统: ~/Library/ApplicationSupport/Google/Chrome/Default 删除Login Data和Login Data-journal,重启浏览器. 备忘: 1. 退出Chrome 浏览器. 2. 打开Chrome的Profile.删除Login Data 与 Login Data-journal 注:Chrome的个人配置即Profile文件可以有多个,默认的是Default,其他的依次为Profile1,Profile2...需要全部删除. Mac

如何解决谷歌浏览器保存密码后文本框出现淡黄色背景色的显示问题

示例: 解决方法: 给文本框添加内阴影,使内阴影足够大覆盖淡黄色区域: 1 box-shadow: 0 0 20px #fff inset!important; 2 -webkit-box-shadow: 0 0 20px #fff inset!important;

input 在 chrome 下 , 自动填充后,默认样式清除

讨厌的自动填充背景色: 解决方法: <style type="text/css"> input:-internal-autofill-selected { background-color: white !important; background-image: none !important; color: rgb(0, 0, 0) !important; box-shadow: inset 0 0 0 1000px white !important; } input:-

去掉chrome记住密码后自动填充表单的黄色背景

chrome 表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input : -webkit-autofill { background-color : #FAFFBD ; background-image : none ; color : #000 ; } 在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框

MAC下secureCRT无法保存密码的解决方法

在mac下新安装了secureCRT,取代系统自带的终端工具,主要是为了方便链接服务器.mac下面的secureCRT默认保存不上密码, 我们选择了保存密码后,下次登录还是提示密码错误,需要重新认证输入密码. 解决办法: 因为secureCRT默认采用mac的keychain来处理密码,所以会出现这个问题.我们只需要去掉这个选项即可正常. 打开secureCRT后,按"command+," 在"advanced"里面去掉"Use Keychain"

如何禁用Chrome浏览器的自动保存密码提示

说明,在网页开发中,在表单中加入autocomplete="off"后,IE和FF不会提示保存密码,但是用Chrome浏览器登录系统时,会弹出自动保存密码的提示,从安全的角度考虑,需要禁止浏览器的这个功能,提升系统安全性. 大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取"动态设置密码域"的方法: <input type="text" name="passwor

chrome表单自动填充去掉input黄色背景解决方案

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框使用图片背景的时候,原来的圆角和边框