chrome下禁用input自动填充背景

最新推荐文章于 2024-06-26 11:30:59 发布

qq_251025116

最新推荐文章于 2024-06-26 11:30:59 发布

阅读量365

点赞数

分类专栏： js 前端

本文链接：https://blog.csdn.net/qq_24882601/article/details/103906784

版权

js 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

前端

16 篇文章 0 订阅

订阅专栏

大家在写css的时候一定遇到过chrome浏览器input框自动填充的问题，之前解决的办法都是用js去实现的，今天用另一种方法去实现，只需要用css就行了，实现原理就是利用渐变，只是时间设置长一些，也就看不出来了，也没有人会在登录页面停留 99999999s 的时间吧！下面是代码。

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 99999999s ease-in-out 0s;
  transition: background-color 99999999s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 99999999s ease-in-out 0s;
  transition: background-color 99999999s ease-in-out 0s;
}