一、修改場景：預設的樣式通過和背景顏色不一致，有一些突兀，體驗不好。

二、問題根因：谷歌預設的樣式為淡黃色

三、解決思路

1、覆蓋掉預設的顏色

    適用場景：背景色或者背景圖片的顏色是一致的，且沒有變化

  &:-webkit-autofill {
       -webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
       -webkit-text-fill-color: #fff !important;
        // -webkit-transition-delay: 99999s; // 通過延長增加自動填充背景色的方式, 是使用者感受不到樣式的變化
       //  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
      };
 

2、延長增加填充背景色

試用場景：背景圖片顏色是漸變的

&:-webkit-autofill {
       // -webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
       // -webkit-text-fill-color: #fff !important;
        -webkit-transition-delay: 99999s; // 通過延長增加自動填充背景色的方式, 是使用者感受不到樣式的變化
        -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
      };