当前位置: 首页 > 编程笔记 >

chorme 浏览器记住密码后input黄色背景处理方法(两种)

毋澄邈
2023-03-14
本文向大家介绍chorme 浏览器记住密码后input黄色背景处理方法(两种),包括了chorme 浏览器记住密码后input黄色背景处理方法(两种)的使用技巧和注意事项,需要的朋友参考一下

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

方法1:阴影覆盖

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

由于是设置颜色覆盖,所以只对非透明的纯色背景有效;

方法2:修改chrome浏览器渲染黄色背景的时间

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}

完美解决

总结

以上所述是小编给大家介绍的chorme 浏览器记住密码后input黄色背景处理方法(两种),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍怎样修改chrome记住密码后自动填充表单的黄色背景?相关面试题,主要包含被问及怎样修改chrome记住密码后自动填充表单的黄色背景?时的应答技巧和注意事项,需要的朋友参考一下 input:-webkit-autofill { -webkit-box-shadow: 0 0 3px 100px #eee inset; //改变填充背景色 }

  • 本文向大家介绍vue实现禁止浏览器记住密码功能的示例代码,包括了vue实现禁止浏览器记住密码功能的示例代码的使用技巧和注意事项,需要的朋友参考一下 查找资料 网上查到的一些方法: 使用 autocomplete="off"(现代浏览器许多都不支持) 使用 autocomplete="new-password" 在真正的账号密码框之前增加相同 name 的 input 框 使用 readonly 属

  • 本文向大家介绍Nginx与浏览器缓存的处理方法,包括了Nginx与浏览器缓存的处理方法的使用技巧和注意事项,需要的朋友参考一下 一、浏览器对缓存的处理:Internet选项   ★ 控制请求服务器策略:是忽略资源的缓存策略的情况下额外强制请求服务器的意思。     ★ 检查存储的页面较新版本          1.每次访问网页时                 不管是否有缓存、资源状态是否过期,都

  • 本文向大家介绍Vue+element 解决浏览器自动填充记住的账号密码问题,包括了Vue+element 解决浏览器自动填充记住的账号密码问题的使用技巧和注意事项,需要的朋友参考一下 我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,

  • 本文向大家介绍javascript记住用户名和登录密码(两种方式),包括了javascript记住用户名和登录密码(两种方式)的使用技巧和注意事项,需要的朋友参考一下 下面主要通过代码给大家展示下javascript记住用户名和登录密码,具体代码内容请看下文。 第一种方式: CONTENT     login.html     welcome.html     cookie.js     comm

  • 问题内容: 我创建了一个小的搜索小部件,但是通过chrome浏览时,背景不会出现。我已经测试了IE,FF和safari,它们看起来都不错。 http://paradigmsearch.co.uk/widget/?id=1 我通常不愿意将布局问题放在SO上。但是,我已经讨论了一段时间。 在元素上: 我正在应用以下CSS定义 背景只是不可见。如果这确实是一个愚蠢的标记/ CSS监督,那么我深表歉意。