Wie kann ich das automatische Ausfüllen von Browserformularen und die Eingabehervorhebung mithilfe von HTML und CSS überschreiben?

Überschreiben des automatischen Ausfüllens von Browserformularen und der Eingabehervorhebung

Beim Arbeiten mit mehreren Formularen auf einer einzelnen Seite kommt es häufig zu Problemen mit der automatischen Funktion -Füllung und unerwünschte Hervorhebung. Dieser Artikel geht auf diese Bedenken ein und konzentriert sich auf die Verwendung von HTML/CSS, um das automatische Ausfüllen zu deaktivieren und die gelbe Hervorhebung zu überschreiben.

Automatisches Ausfüllen deaktivieren

Die vorherige Lösung mit Die Verwendung starker Elemente innerhalb von Schatten ist in neueren Chrome-Versionen veraltet. Ein alternativer Ansatz besteht darin, das automatische Ausfüllen zu unterdrücken, indem Sie:

<input autocomplete="off" ...>

Hervorhebungsfarbe überschreiben

Um die unerwünschte gelbe Hervorhebung zu überschreiben, wenden Sie die folgende CSS-Regel an:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px your_background_color inset;
    -webkit-text-fill-color: your_font_color;
}

Ersetzen Sie „your_background_color“ durch die gewünschte Hintergrundfarbe und „your_font_color“ durch die gewünschte Schriftart Farbe.

Hinweis: Diese Lösung ist möglicherweise nicht in allen Browsern vollständig wirksam. Einige Browser wie Firefox zeigen möglicherweise immer noch eine schwache gelbe Hervorhebung an.

Das obige ist der detaillierte Inhalt vonWie kann ich das automatische Ausfüllen von Browserformularen und die Eingabehervorhebung mithilfe von HTML und CSS überschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!