Heim > Web-Frontend > js-Tutorial > Hauptteil

So löschen Sie das Kreuz im IE10+-Eingabe-X-Textfeld und das Augensymbol im Passwort-Eingabefeld

高洛峰
Freigeben: 2017-01-10 09:33:26
Original
1363 Leute haben es durchsucht

Ab IE 10 generiert die Eingabe mit type="text" automatisch ein kleines Kreuz (X), nachdem der Benutzer den Inhalt eingegeben hat, sodass der Benutzer den eingegebenen Text leichter durch Klicken löschen kann.

Bei der Eingabe mit type="password" wird rechts ein kleines Augensymbol angezeigt. Durch Klicken auf dieses Symbol kann der eingegebene Inhalt angezeigt werden.

Es ist gut, aber manchmal ist es überflüssig, beispielsweise wenn diese Funktion mit js gesteuert wurde.

Solange Sie den folgenden CSS-Code verwenden, können Sie die Schaltfläche zum Löschen von Text und die Schaltfläche zum Anzeigen von Passwörtern, die im IE-Browser enthalten sind, problemlos ausblenden.

::-ms-clear,
::-ms-reveal
{
display:none;
}
Nach dem Login kopieren

Unter ihnen::-ms-clear ist die Schaltfläche zum Löschen von Text, das Kreuz auf der rechten Seite der Eingabe::-ms-reveal ist die Passwortansicht Schaltfläche, bei der es sich um das Passwortfeld handelt. Das kleine Auge rechts.

Natürlich können Sie einen davon auch einzeln abräumen. Das ist Ihre Freiheit.

Das Obige ist die Einführung des Herausgebers zum Löschen des Kreuzes in der IE10+-Eingabe. Der Herausgeber wird allen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere verwandte Artikel zum Entfernen des Kreuzes im IE10+-Eingabe-X-Textfeld und des Augensymbols im Passwort-Eingabefeld finden Sie auf der chinesischen PHP-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!