如何刪除或自訂 Chrome 瀏覽器自動填滿功能的黃色背景？

Google Chrome 自動填充背景：設計難題

Google Chrome 的自動填充功能是一個方便的工具，可以使用已儲存的登入名稱和密碼快速填寫表單。然而，一些用戶可能會發現 Chrome 自動填充欄位時出現的黃色背景會在視覺上分散注意力。本文探討了根本問題，並提供了刪除或停用自動填入背景的解決方案。

黃色背景是 Chrome 正在自動填入表單欄位的視覺指示。它旨在引起人們對自動填充建議的注意，並明確 Chrome 正在管理資料。雖然這對某些用戶可能有幫助，但其他用戶可能更喜歡更微妙或可自訂的外觀。

要刪除或停用黃色自動填入背景，您可以使用自訂 CSS 樣式。可以將以下程式碼新增至頁面或透過使用者樣式表包含：

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

說明：

此 CSS 規則針對自動填入的輸入位鉻合金。具體來說，它修改了 WebKit 陰影屬性以建立一個大的白色插入陰影。 「重要」標誌可確保此自訂樣式覆蓋任何預設瀏覽器樣式。結果，自動填入背景將被有效隱藏，因為陰影覆蓋了整個輸入欄位。

透過調整程式碼中的「白色」值，您可以為背景指定不同的顏色。這使您可以自訂自動填充欄位的外觀，以符合您自己的設計偏好。

以上是如何刪除或自訂 Chrome 瀏覽器自動填滿功能的黃色背景？的詳細內容。更多資訊請關注PHP中文網其他相關文章！