Heim > Web-Frontend > js-Tutorial > Hauptteil

Umgang mit dem gelben Hintergrund der Eingabe, nachdem sich der Browser das Passwort merkt

小云云
Freigeben: 2017-12-18 14:08:12
Original
2844 Leute haben es durchsucht

Dieser Artikel möchte Ihnen eine kleine Funktion vorstellen, nämlich die Verwendung des Chrome-Browsers zur Auswahl des Kontos, das sich das Passwort merkt. Dem Eingabefeld wird automatisch ein gelber Hintergrund hinzugefügt. und dieser gelbe Hintergrund muss entfernt werden. Lassen Sie mich Ihnen erklären, wie Sie mit dem gelben Hintergrund der Eingabe umgehen, nachdem sich der Chrome-Browser das Passwort merkt. Ich hoffe, es kann Ihnen helfen.

Verwenden Sie den Chrome-Browser, um das Konto auszuwählen, das sich das Passwort merkt, und das Eingabefeld wird automatisch einen gelben Hintergrund hinzufügen, und dieser gelbe Hintergrund muss entfernt werden >

Methode 1: Schattenüberlagerung

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
Nach dem Login kopieren

Aufgrund der Einstellung Farbüberlagerung ist sie nur für nicht transparente einfarbige Hintergründe wirksam

Methode 2: Ändern Sie den Zeitpunkt, zu dem der Chrome-Browser den gelben Hintergrund rendert

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}
Nach dem Login kopieren

Perfekte Lösung

Wie wäre es, wenn es alle gelernt hätten? Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:


Beispiel für die Steuerung des Eingabeformats in HTML

Für das Eingabefeld gilt das Der Eingabewert ist auf die js-Methode vom Typ „Float Point“ beschränkt

Detaillierte Erläuterung der Fuzzy-Prompt-Funktion des Javascript-Eingabefelds

Das obige ist der detaillierte Inhalt vonUmgang mit dem gelben Hintergrund der Eingabe, nachdem sich der Browser das Passwort merkt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!