-webkit-text-security
Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.
-webkit-text-security
ist eine nicht standardisierte CSS-Eigenschaft, die Zeichen in einem <form>
-Feld (wie <input>
oder <textarea>
) durch eine Form verschleiert. Sie wirkt sich nur auf Felder aus, die nicht den type=password
haben.
Syntax
-webkit-text-security: circle;
-webkit-text-security: disc;
-webkit-text-security: square;
-webkit-text-security: none;
/* Global values */
-webkit-text-security: inherit;
-webkit-text-security: initial;
-webkit-text-security: revert;
-webkit-text-security: revert-layer;
-webkit-text-security: unset;
Formale Syntax
-webkit-text-security = circle | disc | square | none
Beispiele
Ein Texteingabefeld verschleiern
Versuchen Sie, in das untenstehende Feld zu schreiben. Wenn Ihr Browser diese Eigenschaft unterstützt, sollten die Zeichen visuell durch Quadrate ersetzt werden.
HTML
<label for="name">Name:</label> <input type="text" name="name" id="name" />
CSS
input {
-webkit-text-security: square;
}
Ergebnis
Spezifikationen
Kein Teil eines Standards.
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-text-security |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Non-standard. Check cross-browser support before using.