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

Тема в разделе "Верстка", создана пользователем Chvalov, 21 мар 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Chvalov

    Chvalov

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

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

    [​IMG]


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

    П.С. Адрес сайта http://crazygoods.net/, регистрироваться не нужно, введите любие данные и сохрание
     
  2. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    426
    Симпатии:
    179
    Как это не регистрироваться?
    Просто поставить галку в чекбокс "Запомнить меня"?
    У меня ничего не происходит.
     
  3. Chvalov

    Chvalov

    Регистр.:
    31 окт 2011
    Сообщения:
    235
    Симпатии:
    76
    Ввести логин и пароль с фанаря, а на запрос браузера сохранить пароль нажми ДА и увидешь картину!
    И помни что эти траблы наблюдаются только в Chrome
     
  4. Шумадан

    Шумадан Хабарра!!11

    Регистр.:
    6 фев 2008
    Сообщения:
    1.726
    Симпатии:
    2.100
    пробовали настраивать
    input:-webkit-autofill стиль?

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

    Chvalov

    Регистр.:
    31 окт 2011
    Сообщения:
    235
    Симпатии:
    76
    Мда, данному багу уже более 5 лет и парни из гугл не спешат его исправлять
    https://code.google.com/p/chromium/issues/detail?id=1334
    https://code.google.com/p/chromium/issues/detail?id=46543

    Если использовать:
    Код:
    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;
    }
    также не годится, хоть и нету фона но у этого способа есть тот-же недостаток — неотображает фоновую картинку!

    Вот есть варианты решения, но я их еще не пробовал и не знаю стоит ли...
    http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
    https://bugs.webkit.org/show_bug.cgi?id=66032
    http://firstvector.org/broken/sandbox/32
    Кто может попробовать и дать по этому поводу ответ ???
     
    Шумадан нравится это.
  6. Шумадан

    Шумадан Хабарра!!11

    Регистр.:
    6 фев 2008
    Сообщения:
    1.726
    Симпатии:
    2.100
    я если тому стилу с автофилом наскоком установить background-image? не получается? игнорирует?
    а если откровенно, если таки уже хотите картинки, сделайте их отдельно от инпута слева, тогда они будут всегда, ну немного диз будет другой, но может так будет лучше?
     
  7. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    426
    Симпатии:
    179
    Если честно, не осилил всё по ссылкам прочитать и вникнуть в трабл до конца...
    Но появился вопрос, а если скормить фон в base64? попробуйте может прокатит?
    У Вас картинки крошечные, места не займут...
     
  8. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    Хм.. Хорошая идея)) Сейчас попробуем))
     
  9. Chvalov

    Chvalov

    Регистр.:
    31 окт 2011
    Сообщения:
    235
    Симпатии:
    76
    Не понял о чем вы и кого чем кормить, можно пример ?
     
  10. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5