清除Chrome浏览器下默认浅黄色背景（保存密码时出现）

当某个登录的页面我们保存密码之后，后面登录账户名和密码会自动填充，我们可以观察到，Chrome浏览器自动加了一层淡黄色的背景，如下图：

那么我们改如何清除默认的样式呢？

首先我们看到它默认的代码如下：

看到这个，是不是马上想到如下代码：

input:-webkit-autofill{background:#fff!important; //这里可以是你想要的任何颜色
}

但是你会发现，并没有任何效果，代码是被被我们的新样式覆盖掉了，但是效果依旧是浅黄色，忧伤呀！还有没有其他方式呢？
有的，看下面：

input:-webkit-autofill{box-shadow: 0 0 0 23px #fff inset !important;
}

这样就可以了，但是要注意两件事情：

box-shadow的值必须是spread的值，也就是第四个数字
一定要加inset，将阴影改变为内侧阴影
加!important，因为浏览器默认加了!important，我们的权重必须高于默认的。
spread值最小是input高度的一半

OK，这样就搞定了，效果如下：

清除Chrome浏览器下默认浅黄色背景（保存密码时出现）相关推荐

如何在Chrome浏览器下清除DNS缓存
如何在Chrome浏览器下清除DNS缓存本文翻译自:How to Clear/Flush DNS Cache in Google Chrome? 很多时候,当我购买新的域名,并更改域名服务器并将其托 ...
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
chrome浏览器下“多余”的2px
箭头在调试页面的时候,发现select,input等元素在chrome浏览器下莫名的多了margin:2px,具体看图吧! stackoverflow上的提问中也类似的(应该是margin,好想提问的 ...
Chrome浏览器下百度搜索引擎被劫持的解决办法
现象:在Chrome浏览器的多功能框中搜索时,会自动跳转到tn=...hao_pg的网站下解决办法:Chrome设置→管理搜索引擎→手动添加一个搜索引擎,网址是http://www.baidu.co ...
关于html video 在chrome浏览器下无法快进问题解决
标题关于html5 video currentTime 在chrome浏览器下设定失败问题解决关于html5 video currentTime 在chrome浏览器下设定失败问题解决 src引用 ...
如何在chrome浏览器下设置12px以下的字体
chrome chrome浏览器的默认字体大小是16px,它所能支持设置的最小字体大小是12px,也就是说,当你使用font-size属性设置到12px以下的时候字体大小不再改变.现在提供解决方案. ...
Google Chrome浏览器设置默认应用出现两个Google Chrome，及设置默认浏览器打不开第三方应用内链接
一.Chrome浏览器设置默认应用出现两个Chrome 1.Windows键+R键打开运行 2.输入regedit打开注册表编辑器 3.搜索计算机\HKEY_CLASSES_ROOT\ChromeH ...
在Chrome浏览器中如何将网页保存为单个文件mhtml？
在Chrome浏览器中如何将网页保存为单个文件mhtml? 问题: 在Chrome浏览器中如何将网页保存为单个文件mhtml? 答案: 下载一个 Save Page WE 扩展程序: 将其添加到浏览器 ...

清除Chrome浏览器下默认浅黄色背景（保存密码时出现）

清除Chrome浏览器下默认浅黄色背景（保存密码时出现）相关推荐

最新文章

热门文章