如何修復 Google Chrome 表單自動填入中的黃色背景？

Google Chrome 表單自動填充：解決黃色背景問題

Google Chrome 的表單自動填充功能可以方便地填寫登入名稱和密碼字段，但它的黃色背景有時可能不美觀。當 Chrome 儲存記住的憑證時，可能會出現此問題。

解決方案：刪除黃色背景

要刪除黃色背景並停用自動填充功能，請按照以下步驟操作：

1. 按Ctrl Shift I (Windows) 或Cmd Shift I 開啟Chrome 開發者工具面板(macOS)。
2. 選擇「元素」標籤。
3. 找到與黃色背景的輸入欄位對應的 HTML 元素。
4. 在樣式窗格中，找到「box-shadow」屬性。
5. 將box-shadow 屬性中的「white」值替換為「透明。」

更新後的程式碼片段如下：

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

此修改後的程式碼片段如下：

此修改後的程式碼片段如下：

此修改後的程式碼片段如下：

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

此修改後的程式碼片段如下：

此修改將黃色背景替換為透明背景，從而有效地將其刪除。此外，透過停用自動填充功能，Chrome 將不再儲存記住的憑證。 自訂自動填充顏色如果您希望使用不同的背景顏色自動填充字段，只需將“透明”替換為您想要的顏色值即可。例如，若要使用淺藍色，請按如下方式更新程式碼：透過自訂 CSS，您可以修改表單自動填充功能的外觀和功能，以滿足您的特定設計要求。

以上是如何修復 Google Chrome 表單自動填入中的黃色背景？的詳細內容。更多資訊請關注PHP中文網其他相關文章！