Chrome瀏覽器在自動填充的輸入框中隱藏背景圖像，直到在輸入框中輸入內容

Question

我的登錄頁面上有輸入字段。兩個輸入字段（用戶名和密碼）在後臺都有圖像。但是，只要數據被自動填充，Chrome瀏覽器就會隱藏圖像。 但是，只要我輸入內容或使用退格鍵，就會顯示圖像。

我在Stackoverflow上找到了這個答案，但他們建議將圖像移出輸入框。我不能這樣做。 我只需要輸入框中的圖像。 無法將圖像粘貼到輸入框外。 任何幫助將不勝感激。

需要解決方案在自動填充時僅在Chrome瀏覽器中的輸入框內顯示圖像。

感謝。

Answer 1

Chromes自動填充將覆蓋輸入上的所有背景樣式 - 受自動填充的影響。

幾乎沒有關於黃色自動填充背景覆蓋圖像的任何事情。

您可以設置自動填充。

- 編輯：

你可以的，當然採用這種格式的改變背景顏色：在您選擇-webkit-autofill`僞類重寫這些樣式：

input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0px 1000px *color* inset; 
}