首頁 > web前端 > css教學 > 如何刪除或自訂 Chrome 瀏覽器自動填滿功能的黃色背景?

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

Barbara Streisand
發布: 2024-12-11 01:50:10
原創
850 人瀏覽過

How Can I Remove or Customize the Yellow Background of Google Chrome's Autofill Feature?

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板