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;
Formal definition
Value not found in DB!
Formal syntax
Syntax not found in DB!
Examples
Obscuring a text input
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 standard.
Browser compatibility
No compatibility data found. Please contribute data for "css.properties.-webkit-text-security" (depth: 1) to the MDN compatibility data repository.