摘要：谷歌浏览器在记住密码后，会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响页面的界面下面是方法处理解决。背景色透明生效时长过渡效果启用时延迟的时间
谷歌浏览器、在记住密码后，会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响页面的UI界面
下面是css方法处理解决。
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-image: none; transition: background-color 50000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
}
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/117378.html
摘要：让看不见，而不是直接，如果直接，有些浏览器则不生效，比如谷歌修改属性将表单输入设为可读模式，浏览器自动填充就失效了，在焦点在该表单输入的时候再将可读属性移除。 问题描述 话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户...
摘要：让看不见，而不是直接，如果直接，有些浏览器则不生效，比如谷歌修改属性将表单输入设为可读模式，浏览器自动填充就失效了，在焦点在该表单输入的时候再将可读属性移除。 问题描述 话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户...
摘要：解决浏览器保存密码自动填充问题问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。后来发现是浏览器存在自动填充机制的问题。 解决浏览器保存密码自动填充问题 问题描述 话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新...
摘要：问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖，所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上 问题分析 正常情况： showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 记住密码后访问： showImg(...
摘要：问题分析正常情况记住密码后访问解决方法方法阴影覆盖注由于是设置颜色覆盖，所以只对非透明的纯色背景有效方法修改浏览器渲染黄色背景的时间推荐注此方法适用于上图那种背景为透明色的输入框方法方式去除停止轮询注此方法来自网上 问题分析 正常情况： showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 记住密码后访问： showImg(...
阅读 2351·2021-09-30 09:47
阅读 1346·2021-09-28 09:35
阅读 3219·2021-09-22 15:57
阅读 2453·2021-09-22 14:59
阅读 3608·2021-09-07 10:25
阅读 3042·2021-09-03 10:48
阅读 3014·2021-08-26 14:14
阅读 902·2019-08-30 15:55
