删除 Chrome 自动完成的输入背景颜色

当使用 Chrome 浏览器时，它会自动保存你输入过的表单数据，以便下次输入时自动填充。这个功能虽然方便，但有时候可能会让我们在输入时产生误解。尤其是在表单未输入完成时，它会显示一个灰色的背景颜色。这时你可能就需要把它删除，以便更好地观察你的输入。

下面是一些步骤，可以帮助你删除 Chrome 自动完成的输入背景颜色。

步骤1：在 Chrome 中打开开发者工具

按下键盘上的 F12 键或者右键点击浏览器界面中的任意位置，选择"检查元素"或"检查"。

步骤2：选择要更改的元素

点击"选择元素"选项，然后点击你想要更改的 HTML 元素。在这种情况下，我们想要删除输入背景颜色的元素是文本框(input)。当你选择它时，其 HTML 代码会突出显示。

步骤3：编辑样式

一旦你选择了要更改的元素，它的 CSS 样式就会显示在右侧的"元素"面板中。在"元素"面板中找到并单击样式选项卡。现在你可以添加或编辑 CSS 属性了。

步骤4：删除背景颜色

要删除输入背景颜色，你需要在样式面板中添加以下代码：

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

这将把输入背景颜色删除，并将其替换为白色。如果你想要自定义一个不同的颜色，只需要更改这个代码中的 white 即可。

步骤5：保存更改

完成以上步骤后，你需要保存更改并刷新页面。如果你需要在多个页面上删除输入背景颜色，你需要重复以上步骤。

总结：

通过以上步骤，你就可以删除 Chrome 自动完成的输入背景颜色了。现在你的表单应该更加易于输入和阅读。