css-input输入框自动填入背景透明

一、输入框自动填入背景透明

input {
  /*背景透明*/
  background-color: transparent;
  /*去边框*/
  border: 0;
  /*去外边框*/
  outline: none;
  /*文本颜色*/
  color: white;
}

input:-webkit-autofill {
  /*自动填入文本颜色*/
  -webkit-text-fill-color: #ffffff !important;
  /*自动填入光标颜色*/
  caret-color: white;
  /*背景透明；原理：动画由透明变有背景色；参数：背景色属性、动画时间、动画速度曲线、延迟时间*/
  transition: background-color 0s linear 3600s;
}