Entfernen der Hintergrundfarbe von Eingaben für die Chrome-Autovervollständigung?

Question

In einem Formular, an dem ich gerade arbeite, füllt Chrome die Felder für E-Mail und Kennwort automatisch aus. Das ist in Ordnung, aber Chrome ändert die Hintergrundfarbe in ein helles Gelb.

Das Design, an dem ich arbeite, verwendet hellen Text auf dunklem Hintergrund, so dass dies das Aussehen des Formulars wirklich durcheinander bringt - ich habe starke gelbe Kästchen und fast unsichtbaren weißen Text. Sobald das Feld fokussiert ist, werden die Felder wieder normal angezeigt.

Ist es möglich, Chrome davon abzuhalten, die Farbe dieser Felder zu ändern?

Answer 1

Einfach hinzufügen,

    autocomplete="new-password"

in das Passwortfeld ein.

Answer 2

Versuchen Sie dies

input:autofill{
    filter:none;
}

Im Grunde fügt der Browser nur seine eigenen Filter für automatisch ausgefüllte Eingaben hinzu. Ihre Stile gehen unter diese.

Answer 3

Ich konnte die Hintergrundfarbe im dunklen Modus nicht ändern und habe die Autofill-Funktion entfernt:

in die Eingabe:

<input type="text" autocomplete="off">

formell

<form autocomplete="off">

Answer 4

Wiederaufleben des Threads zwei Jahre später. Ich arbeite seit Tagen an diesem Problem und habe einen einfachen Trick gefunden, um diese hässliche Autovervollständigungsfunktion zu verhindern:

fügen Sie einfach eine zufällige Zeichenfolge in das Zielformular ein, z. B. <form action="site.com/login.php?random=123213">

Es funktioniert mit der aktuellen Chrome-Version 34.0.1847.137

aktualisieren: wenn es nicht funktioniert, geben Sie ein seltsames Protokoll zur Aktion wie <form id="test" action="xxx://"> und füllen diesen Bereich später mit Javascript:

$('#test').attr('action', 'http://example.site/login.php');

Update 2 : Da ich immer noch Probleme damit habe, habe ich beschlossen, das System komplett zu entfernen. <form> Tag und Post-Variablen über Jquery. seine mehr einfach.

Answer 5

Es ist vielleicht ein bisschen spät, aber für die Zukunft gibt es eine Lösung, die nur mit CSS funktioniert, wie Olly Hodgons hier zeigt http://lostmonocle.com/post/1479126030/fixing-the-chrome-autocomplete-background-colour

Sie müssen lediglich einen weiteren Selektor hinzufügen, um die Standardeinstellung der Eingabefelder zu überschreiben Verwenden Sie also anstelle von

input:-webkit-autofill {
    background-color: #FAFFBD !important;
}

So etwas wie

#login input:-webkit-autofill {
    background-color: #ff00ff;
}

oder

form input:-webkit-autofill {
    background-color: #f0f;
}

was bei mir gut zu funktionieren scheint.