谷歌浏览器自动记住后输入框样式问题修改

下面是问题图片

法1

input:focus:-webkit-autofill,
input:-webkit-autofill {
       -webkit-text-fill-color: #606266 !important;
       -webkit-box-shadow: 0 0 0px 1000px #1C1E27 inset !important;
       transition: background-color 500000s ease-in-out 50000s;			
   }

法2

@-webkit-keyframes ignoreAutofill {
        to {
            /* color: #666; */
            background: #1C1E27;
        }
    }
    input:focus:-webkit-autofill,
    input:-webkit-autofill {
        -webkit-text-fill-color: #606266 !important;
        -webkit-box-shadow: 0 0 0px 1000px #1C1E27 inset !important;
          -webkit-animation-name: ignoreAutofill;
        -webkit-animation-fill-mode: both; 
    }

下面是修复后的结果：