-webkit-text-security

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

-webkit-text-security is a non-standard CSS property that obfuscates characters in a <form> field (such as <input> or <textarea>) by replacing them with a shape. It only affects fields that are not of type=password.

Syntax

-webkit-text-security: circle;
-webkit-text-security: disc;
-webkit-text-security: square;
-webkit-text-security: none;

Example

Try typing in the field below. If your browser supports this property, the characters should be visually replaced with squares.

HTML

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

CSS

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

Result

Specifications

Not part of any specification.

Browser compatibility

Supported in WebKit-based and Blink-based browsers.

See also

Document Tags and Contributors

Contributors to this page: adrianparr, mdnwebdocs-bot, mfluehr
Last updated by: adrianparr,