input框在chrome浏览器下粘贴的默认底色

Chrome浏览器对于input输入框的值会有一个默认的记录，导致后续在输入的时候出现

选择后在input框会出现一个默认底色，如图：

这样对整个界面而言就感觉恨不协调，为了消去这种现象，可以在css中引入一下代码：

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #ffffff inset !important;/* 浏览器记住密码的底色的颜色 */
  -webkit-text-fill-color: #606266 !important;       /* 浏览器记住密码的字的颜色 */
  transition: background-color 3000s ease-in-out 0s; /* 通过延时渲染背景色变相去除背景颜色 */
  caret-color: #acfff2;   							/* 光标颜色，可选*/
}

. 小知识记录下，，，

标签：颜色,浏览器,chrome,默认,底色,color,框在,input
来源： https://blog.csdn.net/m0_37852904/article/details/110931683