Скрытие фонового изображения ввода по умолчанию в Firefox, когда ввод выполняется автоматически

Question

В настоящее время я использую фоновое изображение на своих входах, чтобы показать значение по умолчанию. Когда поле ввода сфокусировано, фон исчезает. Однако Firefox автоматически заполняет мои поля данными, если пользователь решил сохранить их, а фоновое изображение по умолчанию все еще отображается. Как я могу скрыть фоновое изображение, если поле было автоматически заполнено браузером?

Answer 1

Вы можете отключить автозаполнение либо на всей форме, либо на определенном входе:

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

Если вы хотите добавить прослушиватель к этому событию, Firefox 4+ запустит событие «oninput», когдаавтоматически появившееся.

Answer 2

Возможно, есть какой-то сумасшедший селектор CSS, который позволил бы вам сделать это, но вы могли бы использовать JavaScript, чтобы избавиться от фона, если во входных данных есть текст:

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

... Или что угодно,Нечто подобное.