如何刪除或停用 Chrome 的自動填充黃色背景？

Google Chrome 表單自動填充的黃色背景：設計困境

Google Chrome 的表單自動填充功能旨在簡化線上表單填寫，引入了一種美感困惑。當 Chrome 儲存登入憑證時，它會以明顯的黃色背景突出顯示附屬的輸入欄位。雖然很方便，但有些用戶覺得這種配色在視覺上沒有吸引力。

這個問題引發了開發者的疑問：如何刪除或停用與 Chrome 自動填充功能相關的黃色背景？

答案關鍵在於CSS（層疊樣式表），它允許自訂網頁元素。透過套用特定的 CSS 規則，使用者可以修改自動填入輸入欄位的背景顏色。

以下是自訂 CSS 程式碼：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

此程式碼為輸入新增框陰影效果具有明確白色的欄位。 「inset」參數確保顏色應用在輸入欄位的邊界內，有效地掩蓋黃色背景，而無需修改輸入欄位的大小。

透過將此CSS 規則合併到他們的網頁中，開發人員可以創建自訂的樣式透過消除與Chrome 自動填充功能相關的黃色背景來改善用戶體驗，從而在其網站上提供視覺上更加一致的美感。

以上是如何刪除或停用 Chrome 的自動填充黃色背景？的詳細內容。更多資訊請關注PHP中文網其他相關文章！