`

解决浏览器记住密码--自动填充黄色背景

阅读更多

/* 解决浏览器记住密码--自动填充黄色背景 */

适用于纯色背景:

 input:-webkit-autofill {

-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;//关于解决输入框背景颜色

-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色

}  

 

适用于透明背景:

 

:-webkit-autofill {

  -webkit-text-fill-color: #fff !important;

  transition: background-color 5000s ease-in-out 0s;

}

分享到:
评论

相关推荐

    chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式

    在使用Chrome浏览器时,用户可能会遇到一个问题,即在表单输入时,浏览器会自动填充之前保存的用户名和密码,同时还会附带一些默认的样式,这可能与网站自身的设计风格不符。本文将介绍如何去除Chrome浏览器自动填充...

    JS中解决谷歌浏览器记住密码输入框颜色改变功能

    这时,可以通过HTML属性 `autocomplete="off"` 来屏蔽浏览器的自动填充功能,以避免各种因浏览器记住密码引起的bug。具体做法是在表单输入元素中设置该属性: ```html 手机号" autocomplete="off"> 密码" ...

    尚硅谷_前端_面试题

    32. **如何修改chrome记住密码后自动填充表单的黄色背景?** - Chrome浏览器会自动为已保存密码的表单字段添加黄色背景。可以通过以下CSS代码禁用此功能: ```css input:-webkit-autofill { background-color: ...

    前端面试题

    - 浏览器根据`manifest`文件中的资源列表来管理离线资源,当页面加载时,浏览器会检查是否有更新版本的资源,并将最新版本缓存起来供后续使用。这种机制能够提高页面加载速度和用户体验。 **12、请描述一下cookies...

    css小技巧汇总

    1. 隐藏记住密码后自动填充的黄色背景 在Chrome浏览器中,当用户保存密码后,下一次访问页面时,浏览器会自动填充密码并显示一个黄色的背景。为了避免这个背景显示,可以使用以下CSS代码: ```css input:-webkit-...

Global site tag (gtag.js) - Google Analytics