Пропадает background img в поле input если сохранить данные авторизации

[Chvalov]

Проблема в следующем, есть модуль авторизации
Добавил в поля input (логин и пароль) иконки чтобы придать виду сайту.

Но проблема в том что иконки пропадают из виду, если сохранить пароль

Спойлер: Вот вид когда пароль не сохранен:

Спойлер: А вот когда сохранен

Даная проблема наблюдается в браузере Chrome, в Firefox все нормально

П.С. Адрес сайта Для просмотра ссылки Войди или Зарегистрируйся, регистрироваться не нужно, введите любие данные и сохрание

 

[Solus_Rex]

Проблема в следующем, есть модуль авторизации
Добавил в поля input (логин и пароль) иконки чтобы придать виду сайту.

Но проблема в том что иконки пропадают из виду, если сохранить пароль

Спойлер: Вот вид когда пароль не сохранен:

Спойлер: А вот когда сохранен

Даная проблема наблюдается в браузере Chrome, в Firefox все нормально

П.С. Адрес сайта Для просмотра ссылки Войди или Зарегистрируйся, регистрироваться не нужно, введите любие данные и сохрание

Как это не регистрироваться?
Просто поставить галку в чекбокс "Запомнить меня"?
У меня ничего не происходит.

 

[Chvalov]

Как это не регистрироваться?
Просто поставить галку в чекбокс "Запомнить меня"?
У меня ничего не происходит.

Ввести логин и пароль с фанаря, а на запрос браузера сохранить пароль нажми ДА и увидешь картину!
И помни что эти траблы наблюдаются только в Chrome

 

[Шумадан]

пробовали настраивать
input:-webkit-autofill стиль?

P.S.: пишут, что это уже давняя бага хрома и её пытаються решать даже с помощью джаваскрипта, хотя можно попробовать изображение вынести за инпут, хотя я не уверен, что там дальше танцев с бубном не будет

 

[Chvalov]

Мда, данному багу уже более 5 лет и парни из гугл не спешат его исправлять
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

Если использовать:

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

Фон будет виден при нажатии на форму ввода +фоновой картинки не будет видно!. (

Использовать вот этот код

input {outline: none;}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #999 !important;
    color: #999 !important;
}

также не годится, хоть и нету фона но у этого способа есть тот-же недостаток — неотображает фоновую картинку!

Вот есть варианты решения, но я их еще не пробовал и не знаю стоит ли...
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Кто может попробовать и дать по этому поводу ответ ???

 

[Шумадан]

я если тому стилу с автофилом наскоком установить background-image? не получается? игнорирует?
а если откровенно, если таки уже хотите картинки, сделайте их отдельно от инпута слева, тогда они будут всегда, ну немного диз будет другой, но может так будет лучше?

 

[Solus_Rex]

Мда, данному багу уже более 5 лет и парни из гугл не спешат его исправлять
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

Если использовать:

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

Фон будет виден при нажатии на форму ввода +фоновой картинки не будет видно!. (

Использовать вот этот код

input {outline: none;}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #999 !important;
    color: #999 !important;
}

также не годится, хоть и нету фона но у этого способа есть тот-же недостаток — неотображает фоновую картинку!

Вот есть варианты решения, но я их еще не пробовал и не знаю стоит ли...
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Кто может попробовать и дать по этому поводу ответ ???

Если честно, не осилил всё по ссылкам прочитать и вникнуть в трабл до конца...
Но появился вопрос, а если скормить фон в base64? попробуйте может прокатит?
У Вас картинки крошечные, места не займут...

 

[MadChild]

Если честно, не осилил всё по ссылкам прочитать и вникнуть в трабл до конца...
Но появился вопрос, а если скормить фон в base64? попробуйте может прокатит?
У Вас картинки крошечные, места не займут...

Хм.. Хорошая идея)) Сейчас попробуем))

 

[Chvalov]

Если честно, не осилил всё по ссылкам прочитать и вникнуть в трабл до конца...
Но появился вопрос, а если скормить фон в base64? попробуйте может прокатит?
У Вас картинки крошечные, места не займут...

Не понял о чем вы и кого чем кормить, можно пример ?

 

[MadChild]

Для просмотра ссылки Войди или Зарегистрируйся