input 自动填充的样式修改

问题

最近在做项目，颜色是暗黑的

但是 chrome 中 input 框自动填充的话背景色又变成白色的了，口区

解决

全局修改，其中 transition 是比较有用的

/* 自动填充样式修改 */
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #c7c6c6 inset !important;
  -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;
}

修改后效果