入力が自動完了したときに、デフォルトの入力背景画像を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" /> 

あなたはこのイベントにリスナーを追加したい場合は自動補完するときは、Firefox 4+は「oninput」イベントを発生させます。