-webkit-text-security

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

-webkit-text-security ist eine nicht standardisierte CSS-Eigenschaft, die Zeichen in einem <form>-Feld (wie <input> oder <textarea>) durch Ersetzen mit einer Form verschleiert. Sie betrifft nur Felder, die nicht vom Typ 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 Texteingabefelds

Versuchen Sie, in das Feld unten zu tippen. Wenn Ihr Browser diese Eigenschaft unterstützt, sollten die Zeichen visuell mit Quadraten 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

Kein Teil eines Standards.

Browser-Kompatibilität

Siehe auch