如何修复 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;
}

此修改将黄色背景替换为透明背景，从而有效地将其删除。此外，通过禁用自动填充功能，Chrome 将不再存储记住的凭据。

自定义自动填充颜色

如果您希望使用不同的背景颜色自动填充字段，只需将“透明”替换为您想要的颜色值即可。例如，要使用浅蓝色，请按如下方式更新代码：

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

通过自定义 CSS，您可以修改表单自动填充功能的外观和功能，以满足您的特定设计要求。

以上是如何修复 Google Chrome 表单自动填充中的黄色背景？的详细内容。更多信息请关注PHP中文网其他相关文章！