HINWEIS: Wenn Sie sich für die Implementierung von Textsicherheitsfunktionen interessieren, habe ich ein entwickelt jQuery-Plugin , um dies zu erreichen.
Ich verwende text-security , um Eingaben zu stylen:
In Webbrowsern, die text-security nicht unterstützen, wird das Passwort nur angezeigt (keine Sternchen (****)).
Ich freue mich darauf, diese Funktionalität im Browser, die sie nicht unterstützt, zu degradieren, indem ich text-security benutze, wenn es verfügbar ist oder Standard-Sternchen verwendet.
Die Eingabe HTML ist:
%Vor% Ich habe versucht, ein type="password" attr:
Aber es überschreibt text-security sogar in Browsern, die dies unterstützen.
Irgendwelche Problemumgehungen? Ist es möglich, Sternchen über CSS (kein Typ="Passwort") an die Eingabe zu setzen?
BEARBEITEN: text-security scheint nur von webkit unterstützt.
EDIT 2: Eingaben, die als type="password" eingestellt sind, können nicht mit Textsicherheit formatiert werden. Nicht einmal mit !important (type="email")
EDIT 3: Die Antwort von @ryan funktioniert einwandfrei:
Das war ziemlich schnell und schmutzig, aber es funktioniert.
%Vor%
Getestet in Chrome und Firefox, ich bin auf Linux, also kann ich nicht im IE testen. Jsfiddle hier.