google瀏覽器input標簽自動填充后顏色改變問題解決

1.問題：在Google瀏覽器中，input輸入框自動填充時，顏色會自動改變。和預期設計有出入，

 

 

 2.分析：打開控制台查找元素中我們可以看到，自帶樣式如下

input:-internal-autofill-selected {

 　　appearance: menulist-button;

 　　background-color: rgb(232, 240, 254) !important;

　　  background-image: none !important;

 　　color: -internal-light-dark(black, white) !important;

}

 

3.解決方法：就可以解決自動填充樣式了

input:-internal-autofill-previewed,

input:-internal-autofill-selected {
　　-webkit-text-fill-color: #000 !important;
　　transition: background-color 5000s ease-in-out 0s !important;
}