當輸入自動完成時，在Firefox中隱藏默認輸入背景圖像

Question

我目前在輸入上使用背景圖像來顯示默認值。當輸入字段被聚焦時，背景消失。但是，如果用戶選擇保存數據並且默認背景圖像仍然可見，Firefox會自動填充數據。當字段被瀏覽器自動完成時，如何隱藏背景圖片？

Answer 1

可能有一些瘋狂的CSS選擇器，將允許你這樣做，但你可以使用JavaScript來擺脫的背景下，如果有文字輸入：

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

...或什麼的。相似的東西。

Answer 2

您可以對整個窗體或特定的輸入自動完成轉關：

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

如果你想添加一個偵聽此事件，火狐4+會觸發一個「oninput」事件自動完成時。