Как убрать желтый цвет фона?

Question

[PhpNub]

Как убрать желтый цвет фона у input при быстром вводе.

Если вводишь сам то все нормально, а когда выбираешь .. то происходит вот такое.
Гугл хром

Answer 1

[Евгений Петров]

Внутренняя тень нужного цвета

input:-webkit-autofill{
	box-shadow:inset 0 0 0 1000px #fff;
}

Comments

[PhpNub]

Спасибо)

[xmoonlight]

У меня кстати стояла в коде подобная строка) Что-то я пропустил её....

Answer 2

[Сергей]

Вот мне нужно сделать было прозрачный фон. Решил так.

@-webkit-keyframes autofill {
    to {
        color: #000;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

Comments

[Сергей]

Наткнулся на забавное кроссбраузерное решение

input {
    background: url(#) 98% 50% no-repeat;
}

[Илья Жулин]

Сергей, не работает для автозаполнения

Answer 3

[xmoonlight]

отключите автозаполнение
почта: <input name="email" autocomplete="off">

Comments

[PhpNub]

Я его специально включил... По другому не как ?

[xmoonlight]

через свойства CSS можно выключить подсветку
background-color:#F0F0F0 !important;

[PhpNub]

@xmoonlight Не работает, но спасибо за помощь)

[xmoonlight]

-webkit-autofill: #F0F0F0 !important;

[Дмитрий Б]

Хром больше не поддерживает отключение автозаполнения

[Aison]

аналог autocomplete="off"
новый
autocomplete="new-password"

для тех, кому нужно.

Answer 4

[Илья Жулин]

Можно ещё этот фон отсрочить на большой промежуток времени

input:-webkit-autofill {
        transition: all 5000s ease-in-out;
 }