首頁 >web前端 >css教學 >如何刪除 Google Chrome 表單自動填入中的黃色突出顯示?

如何刪除 Google Chrome 表單自動填入中的黃色突出顯示?

Patricia Arquette
Patricia Arquette原創
2024-12-14 14:04:12584瀏覽

How Can I Remove the Yellow Highlight from Google Chrome's Form Autofill?

Chrome 瀏覽器的表單自動填充背景:黃色高亮的解決方案

Chrome 瀏覽器的表單自動填充功能是快速填入功能是快速填入登入資訊的便利工具和密碼欄位。然而,一些用戶遇到了自動填充背景變黃的美觀問題。這可能會分散注意力,特別是對於具有特定配色方案的表單。

要解決此問題,可以修改自動填入元素的 CSS 樣式。具體來說,可以修改“-webkit-box-shadow”屬性來更改背景顏色。

要刪除黃色背景,請將以下程式碼加入 CSS 中:

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

將「白色」替換為所需的顏色。此程式碼設定了一個大的白色插入陰影,有效地覆蓋了黃色背景。

套用此樣式後,自動填入欄位將不再具有黃色背景,確保表單的外觀更加美觀。

以上是如何刪除 Google Chrome 表單自動填入中的黃色突出顯示?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn