Wie behebe ich den gelben Hintergrund beim automatischen Ausfüllen von Formularen in Google Chrome?

Automatisches Ausfüllen von Formularen in Google Chrome: Behebung des Problems mit dem gelben Hintergrund

Die Funktion zum automatischen Ausfüllen von Formularen in Google Chrome füllt bequem Anmelde- und Passwortfelder aus, ist jedoch gelb Der Hintergrund kann manchmal ästhetisch unangenehm sein. Dieses Problem kann auftreten, wenn Chrome gespeicherte Anmeldeinformationen speichert.

Lösung: Entfernen des gelben Hintergrunds

Um den gelben Hintergrund zu entfernen und die Funktion zum automatischen Ausfüllen zu deaktivieren, führen Sie die folgenden Schritte aus:

1. Öffnen Sie das Chrome Developer Tools-Bedienfeld, indem Sie Strg Umschalt I (Windows) oder Befehl Umschalt I drücken (macOS).
2. Wählen Sie die Registerkarte „Elemente“.
3. Suchen Sie das HTML-Element, das dem Eingabefeld mit dem gelben Hintergrund entspricht.
4. Suchen Sie im Bereich „Stile“ das „Box-Shadow“-Eigenschaft.
5. Ersetzen Sie den „weißen“ Wert innerhalb der Box-Shadow-Eigenschaft durch „transparent.“

Der aktualisierte Codeausschnitt unten:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}

Diese Änderung ersetzt den gelben Hintergrund durch einen transparenten und entfernt ihn effektiv. Darüber hinaus speichert Chrome durch Deaktivieren der Autofill-Funktion die gespeicherten Anmeldeinformationen nicht mehr.

Anpassen der Autofill-Farbe

Wenn Sie lieber eine andere Hintergrundfarbe für verwenden möchten Wenn Sie Felder automatisch ausfüllen möchten, ersetzen Sie einfach „transparent“ durch den gewünschten Farbwert. Um beispielsweise eine hellblaue Farbe zu verwenden, aktualisieren Sie den Code wie folgt:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #edf2f7 inset !important;
}

Durch Anpassen des CSS können Sie das Erscheinungsbild und die Funktionalität der Funktion zum automatischen Ausfüllen von Formularen ändern, um Ihren spezifischen Designanforderungen gerecht zu werden.

Das obige ist der detaillierte Inhalt vonWie behebe ich den gelben Hintergrund beim automatischen Ausfüllen von Formularen in Google Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!