Wie kann vermieden werden, dass der Stil „-internal-autofill-selected“ angewendet wird? ⇐ CSS

[Anonymous]

Ich habe ein Anmeldeformular mit 2 Feldern, Benutzername und Passwort. Das Feld „Benutzername“ wird von Chrome automatisch ausgefüllt. Wenn ich das Formular absende (sofern es gültig ist), wird auf mysteriöse Weise dieser Stil angewendet:

Code: Select all

input:-internal-autofill-selected {s ñ
background-color: rgb(232, 240, 254) !important;
background-image: none !important;
color: -internal-light-dark-color(black, white) !important;
}

Gibt es eine Möglichkeit, das zu vermeiden? Das Formular wird mit Ajax gesendet, daher ist es etwas hässlich, wenn für das Feld „Benutzername“ dieser Stil angewendet wird, für das Feld „Passwort“ jedoch nicht.

Mir ist aufgefallen, dass dies nur passiert, wenn das Feld mit einem Element in der Chrome-Vorschlagsliste gefüllt ist. Wenn das Feld mit einem Wert gefüllt ist, der nicht in der Liste enthalten ist, wird der Stil nicht angewendet.

Grüße
Jaime