-webkit-text-security

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es 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 ersetzt, um sie zu verschleiern. Sie betrifft nur Felder, die nicht vom type=password sind.

Syntax

css
-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

Verschleierung eines Texteingabefeldes

Versuchen Sie, in das Feld unten zu tippen. Wenn Ihr Browser diese Eigenschaft unterstützt, sollten die Zeichen optisch durch Quadrate ersetzt werden.

HTML

html
<label for="name">Name:</label> <input type="text" name="name" id="name" />

CSS

css
input {
  -webkit-text-security: square;
}

Ergebnis

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch