输入自动完成时在Firefox中隐藏默认输入背景图像答案

【问题标题】：Hiding default input background image in firefox when the input is auto completed输入自动完成时在Firefox中隐藏默认输入背景图像
【发布时间】：2011-11-16 14:56:33
【问题描述】：

我目前在我的输入上使用背景图像来显示默认值。当输入字段被聚焦时，背景消失。但是，如果用户选择保存数据并且默认背景图像仍然可见，Firefox 会使用数据自动完成我的字段。当字段已被浏览器自动完成时，如何隐藏背景图像？

【问题讨论】：

也许一些 javascript 可以解决问题。你在用 jQuery 吗？

标签： html css input autocomplete

【解决方案1】：

可能有一些疯狂的 CSS 选择器可以让你这样做，但如果输入中有文本，你可以使用 JavaScript 去除背景：

// on page load
if (yourInput.value) {
    yourInput.style.backgroundImage = '';
}

...或者随便什么。类似的东西。

【讨论】：

【解决方案2】：

您可以在整个表单或特定输入上关闭自动完成功能：

<form autocomplete="off"></form>
<input type="text" autocomplete="off" />

如果你想给这个事件添加一个监听器，Firefox 4+ 会在自动完成时触发一个“oninput”事件。

【讨论】：