去掉chrome浏览器中input被自动填充后的背景色

chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的input输入框自动填充了背景色.但这个颜色不是我们的产品需求中想要表现的样式,想把它改掉.

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 32px #fff inset; /**通过边框阴影遮挡住背景*/-webkit-text-fill-color: #333; /*自动填充内容的文本颜色*/
}

还有另外一种通过填充背景图片的方式也可以规避掉被填充的背景色.不如这种投影的方式简单,记住这种就可以了.

去掉chrome浏览器中input被自动填充后的背景色相关推荐

[问题记录]Chrome浏览器无法保存或自动填充密码
问题描述访问某些网站时,Chrome浏览器弹出密码保存提示框.询问是否保存密码.点击"一律保存"后没有提示保存出错. 下次再进入到该网站后,不能自动填充密码,需要重复输入. 解决 ...
Chrome浏览器禁用TextBox的自动填充
只许在网页的</body>前添加如下js代码: <script type="text/javascript"> //禁止自动填充 ...
去掉IE浏览器中input的叉叉
/*去掉IE11的叉叉*/ input::-ms-clear, select::-ms-expand {display: none; }
input自动填充后背景颜色被覆盖的问题
问题: input输入框自动填充时,背景色会发生改变解决: 添加以下css样式 input:-internal-autofill-previewed, input:-internal-autofil ...
禁止input密码自动填充及浏览器记住密码完整解决方案
完整方案禁止缓存,禁止自动填充,不会触发浏览提示记住密码,其余与正常一致,该方案跨浏览器兼容且易结合任何框架及库使用. npm i nice-pass-word 具体使用参照文档既可以. 下面的内容 ...
取消Chrome表单文本框自动填充黄色背景色样式
开发后台管理系统或网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问题,把之前查阅的一些资料和自己解决这个问 ...
如何在Chrome浏览器中创建账户？
chrome浏览器是一款非常特殊的浏览器,不仅有非常多的用户喜欢使用这款软件,有很多开发者也非常喜欢使用这款软件,在使用浏览器的时候创建账号是一种最简单的方法,其实操作起来非常的简单.方便,但不是所有 ...
在Chrome浏览器中保存的密码有多安全？
本文由伯乐在线 - 黄利民翻译.未经许可,禁止转载! 英文出处:howtogeek.欢迎加入翻译组. [2013-08-09 更新]:最近又开始讨论"Chrome浏览器明文保存密码这个话 ...
360 html禁止自动填充,360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决？...
360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决? 很多用户都遇到了360浏览器自动填充表单的问题,那么怎么解决呢?今天带来360浏览器自动填充表单的问题解决方法分享. 开发 ...

去掉chrome浏览器中input被自动填充后的背景色

去掉chrome浏览器中input被自动填充后的背景色相关推荐

最新文章

热门文章