消除input標簽的自動填充 白色背景，及更改字體顏色

一、 問題重現

在我門開發過程中難免會遇到這樣的問題：

用戶可能會選擇瀏覽器自動填充

選擇之后就變成了這樣，很難看

 

二、問題解決

<input type='text'/> <!-- 假設我們的html是這樣 -->

我們可以用
autofill偽類來控制
css

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

這樣就能解決白色背景的問題：

但是 字體確是黑色，而且也不受color影響。
我們用另一個css熟悉解決
text-fill-color用來控制input自動填充的字體顏色

input {
    -webkit-text-fill-color: #9cc5ec;  //顏色是設置成你需要的顏色
}

 

版權聲明：本文為CSDN博主「KangTongShun」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/KangTongShun/java/article/details/105712554