解决input自动填充账号密码时的背景色

 

input:-webkit-autofill:自动填充 class 类名;

-webkit-box-shadow:使用盒子阴影遮挡input背景色;

-webkit-text-fill-color: 设置填充的字体的颜色;

border-radius:一定要设为 0,默认是有弧度的;

width:长度与原始 input 保持一致,视实际情况而定;

padding-left:字体左侧的间距与原始字体间距保持一致,视实际情况而定;

input:-webkit-autofill {
  box-shadow:0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #fff !important;
}
 
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  transition: background-color 5000s ease-in-out 0s !important;
}
posted @ 2023-06-30 19:03  吃不棒的胖胖糖  阅读(206)  评论(0编辑  收藏  举报