CSS set input autofill image

Question

Есть ли способ установки фонового изображения при вводе автозаполнения? Мне нужна кросс-браузерная версия и мобильная.

я нашел ответы на некоторые вопросы, но на самом деле ничего не работает для меня, см Add background image to input fields with Autofill in mobile browsers - default yellow background removes them или Chrome hiding background image with autofills

это мой для выбора

background-image: url(img.png); 

и выберите: -webkit-автозаполнения я получил тот же код

background-image: url(img.png) !important; 

Но на автозагрузке я получаю изображение по умолчанию, с желтым фоном ... но если я посмотрю на стиль пользовательского агента, backgroun d-образ: нет; перезаписывается моим изображением. Я попытался установить фон: прозрачный; для выбора, но это не было.

Answer 1

Итак, после рабочего часа я нашел обходное решение: вместо того, чтобы устанавливать фоновое изображение на сам вход, установите его на div непосредственно над входом (погружение имеет точно такую ​​же ширину и высоту) и установите прозрачный цвет фона на вход , А потом после автозаполнения происходит, установите на входе: -webkit-автозаполнение:

transition: background-color 5000s ease-in-out 0s 

Вот jsfiddle

https://jsfiddle.net/ju3g47jh/8/ 

Вот еще одна нить, которая может помочь: Removing input background colour for Chrome autocomplete?