input输入框自动填充后默认样式修改

最新推荐文章于 2024-06-12 17:14:18 发布

1234Wu

最新推荐文章于 2024-06-12 17:14:18 发布

阅读量605

点赞数 1

分类专栏： # CSS Web前端文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_42866164/article/details/125078044

版权

Web前端同时被 2 个专栏收录

98 篇文章 3 订阅

订阅专栏

CSS

19 篇文章 0 订阅

订阅专栏

input {  
  background-color: #595959;  
}

input:-webkit-autofill {
  -webkit-text-fill-color: #fff; // 字体颜色
  transition: background-color 50000s ease-in-out 0s; // 50000秒以后再变回它默认的填充色
}

或者：

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
  -webkit-text-fill-color: #fff !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;  
}  
input {  
  /* 下面这个色就是你设置的input框的背景色*/ 
  background-color: #595959;  
}