资讯专栏INFORMATION COLUMN

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

Near_Li / 347人阅读

摘要:问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖,所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上

问题分析

正常情况:

记住密码后访问:

解决方法

方法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;
}
注:此方法适用于上图那种背景为透明色的输入框

方法3:jq方式去除

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
{
  let _interval = window.setInterval(function () {
    let autofills = $("input:-webkit-autofill");
    if (autofills.length > 0) {
      window.clearInterval(_interval); // 停止轮询
      autofills.each(function() {
        let clone = $(this).clone(true, true);
        $(this).after(clone).remove();
      });
    }
  }, 20);
}

注:此方法来自网上

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92915.html

相关文章

  • chorme览器记住密码input黄色背景处理方法总结三种

    摘要:问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖,所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上 问题分析 正常情况: showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 记住密码后访问: showImg(...

    Jacendfeng 评论0 收藏0
  • chorme览器记住密码input黄色背景处理方法总结三种

    摘要:问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖,所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上 问题分析 正常情况: showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 记住密码后访问: showImg(...

    masturbator 评论0 收藏0
  • 解决览器保存密码自动填充问题

    摘要:让看不见,而不是直接,如果直接,有些浏览器则不生效,比如谷歌修改属性将表单输入设为可读模式,浏览器自动填充就失效了,在焦点在该表单输入的时候再将可读属性移除。 问题描述 话说有一天,我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码,懒惰如我点击了记住密码。一切都很正常的进行着,没有什么异常发生。然而,问题就出现了。当我打开一个新建用户...

    nicercode 评论0 收藏0
  • 解决览器保存密码自动填充问题

    摘要:让看不见,而不是直接,如果直接,有些浏览器则不生效,比如谷歌修改属性将表单输入设为可读模式,浏览器自动填充就失效了,在焦点在该表单输入的时候再将可读属性移除。 问题描述 话说有一天,我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码,懒惰如我点击了记住密码。一切都很正常的进行着,没有什么异常发生。然而,问题就出现了。当我打开一个新建用户...

    Batkid 评论0 收藏0
  • 解决览器保存密码自动填充问题

    摘要:解决浏览器保存密码自动填充问题问题描述话说有一天,我如往常一样打开我的开发网站进行登录操作。后来发现是浏览器存在自动填充机制的问题。 解决浏览器保存密码自动填充问题 问题描述 话说有一天,我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码,懒惰如我点击了记住密码。一切都很正常的进行着,没有什么异常发生。然而,问题就出现了。当我打开一个新...

    objc94 评论0 收藏0

发表评论

0条评论

Near_Li

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<