解决谷歌浏览器输入框记住账号密码后的背景色

*木^槿*

于 2021-01-20 14:30:18 发布

阅读量528

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_38730762/article/details/112868894

版权

这段CSS代码主要关注输入框的样式优化，包括使用-webkit-autofill伪类设置文字填充颜色、消除阴影，以及设定透明背景和无背景图片。同时，为input元素设置了透明背景和白色光标颜色，确保在不同状态下保持一致的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}
input {
  background-color:transparent;
  caret-color: #fff; //光标颜色
}