Жёлтый фон в input chrome автозаполнение

@NapalmRain · Регистрация: 18.05.2010

Author24 — интернет-сервис помощи студентам

Доброго всем времени суток!

Уже второй день бьюсь над вопросом: каким образом убрать жёлтый фон из инпутов в хроме при их автозаполнении браузером.
Перерыл массу форумов и тем и везде советуют

CSS

1	-webkit-autofill

сделал так:

CSS

.log_input:hover, .log_input:focus, .log_input:active, .log_input:-webkit-autofill {
        border: 0px !important;outline:none!important;
        background: none!important;
        background-color: transparent!important;
    }

Ничего не помогает.

Очень прошу подсказать решение.

@NapalmRain · 11.06.2013, 21:58 **[ТС]**

Очень нужно решение, неужели эта ерунда никому не портила жизнь?

@gulliver · 11.06.2013, 22:15

код в студию.

@koza4ok · 11.06.2013, 22:18

вроде

CSS

1	input:focus{outline:none}

@NapalmRain · 11.06.2013, 22:20 **[ТС]**

так какой код? есть инпут, стиль к нему в первом посте. При этом если в хроме сохраняешь на сайте логин пароль, он при автозаполнении закрашивает фон инпута жёлтым цветом

Добавлено через 50 секунд

Сообщение от koza4ok

вроде

CSS

1	input:focus{outline:none}

Это увы не совсем то, что нужно

@Виталюска · 03.12.2014, 17:25

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

@NapalmRain · 03.12.2014, 17:48 **[ТС]**

Сообщение от Виталюска

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

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

@Fedor92 · 03.12.2014, 18:19

Сообщение от Виталюска

Смотрю теме больше года, а ответа нет. если есть решение напишите пожалуйста. только вот у меня это не в хроме, а в опере

Как вариант можно попробовать решить проблему топором:

CSS

1	input: -webkit-autofill{background:red !important}

@Виталюска · 03.12.2014, 18:47

Сообщение от Fedor92

Как вариант можно попробовать решить проблему топором:

это не помогает

@Fedor92 · 03.12.2014, 18:50

Сообщение от Виталюска

это не помогает

Значит смириться, если даже приоритет стилей не помогает...

@Виталюска · 03.12.2014, 20:13

Сообщение от Fedor92

Значит смириться, если даже приоритет стилей не помогает...

спасибо за совет

@Fedor92 · 03.12.2014, 20:20

Сообщение от Виталюска

спасибо за сове

Это не совет - это констатация...

У киберфорума тоже есть автозаполняемое поле(логин)... Через инспектор хорошо видно неизменяемый стиль для этого поля user agent stylesheet - поэтому предложил использовать !important, как вариант, если топор не помогает, то вряд ли что-то поможет...

@Виталюска · 03.12.2014, 20:24

Сообщение от Fedor92

если топор не помогает, то вряд ли что-то поможет...

Ну вот я и говорю спасибо

Понял я что тут нечем не помочь

@holly313 · 23.12.2014, 15:19

Есть варианты! Правда, это как почесать правое ухо левой рукой через голову... Но смысл такой:

Добавлено через 37 секунд
задание большой внутренней тени для полей с цветом равным цвету желаемого фона

CSS

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; /* цвет текста */
}

@Dimaxgen · 16.08.2015, 03:41

holly313, дал путный совет..
от себя добавлю, как при этом указать тень для input-а (может кому пригодится):

CSS

input:-webkit-autofill {
-webkit-box-shadow: inset  0 1px 4px 0 #252525, /* Внутренняя тень */
                    inset 0 0 0 50px #2e2e2e, /* Цвет фона */
                    0 1px rgba(255, 255, 255, 0.06) !important; /* Наружная тень */
-webkit-text-fill-color: #bbb !important;}

@vovandr · 16.08.2015, 07:07

Вставляем атрибут в input autocomplete="off" (при этом правда выключится возможность автозаполнения)

@rockshery · 24.08.2015, 15:44

Спасибо огромное! обычно я не регаюсь на форумах, но ради благодарности зарегистрировался. Еще раз огромное спасибо!

@NapalmRain 44 / 43 / 7 Регистрация: 18.05.2010 Сообщений: 688
	11.06.2013, 21:58 [ТС]	2
	Очень нужно решение, неужели эта ерунда никому не портила жизнь? 0

@gulliver Нарушитель 86 / 86 / 9 Регистрация: 09.05.2012 Сообщений: 456
	11.06.2013, 22:15	3
	код в студию. 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	03.12.2014, 17:25	6
	NapalmRain, Вы решили эту проблему? Смотрю теме больше года, а ответа нет. если есть решение напишите пожалуйста. только вот у меня это не в хроме, а в опере 0

@NapalmRain 44 / 43 / 7 Регистрация: 18.05.2010 Сообщений: 688
	03.12.2014, 17:48 [ТС]	7
	Сообщение от Виталюска NapalmRain, Вы решили эту проблему? Смотрю теме больше года, а ответа нет. если есть решение напишите пожалуйста. только вот у меня это не в хроме, а в опере Единственный способ, как решить проблему, который я нашёл, это запретить в инпуте автозаполнение. Других путей, к сожалению, так и не встретил с момента создания этой темы. 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	03.12.2014, 18:47	9
	Сообщение от Fedor92 Как вариант можно попробовать решить проблему топором: это не помогает 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	03.12.2014, 18:50	10
	Сообщение от Виталюска это не помогает Значит смириться, если даже приоритет стилей не помогает... 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	03.12.2014, 20:13	11
	Сообщение от Fedor92 Значит смириться, если даже приоритет стилей не помогает... спасибо за совет 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	03.12.2014, 20:20	12
	Сообщение от Виталюска спасибо за сове Это не совет - это констатация... У киберфорума тоже есть автозаполняемое поле(логин)... Через инспектор хорошо видно неизменяемый стиль для этого поля user agent stylesheet - поэтому предложил использовать !important, как вариант, если топор не помогает, то вряд ли что-то поможет... 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	03.12.2014, 20:24	13
	Сообщение от Fedor92 если топор не помогает, то вряд ли что-то поможет... Ну вот я и говорю спасибо Понял я что тут нечем не помочь 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	16.08.2015, 07:07	16
	Вставляем атрибут в input autocomplete="off" (при этом правда выключится возможность автозаполнения) 0

@rockshery 0 / 0 / 0 Регистрация: 24.08.2015 Сообщений: 1
	24.08.2015, 15:44	17
	Спасибо огромное! обычно я не регаюсь на форумах, но ради благодарности зарегистрировался. Еще раз огромное спасибо! 0

Жёлтый фон в input chrome автозаполнение

Решение