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;
}