-webkit-text-security
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
-webkit-text-security 是一个非标准 CSS 属性，它通过用形状替换字符来模糊 <form> 字段（例如 <input> 或 <textarea>）中的字符。它只影响不是 type=password 的字段。
语法
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;
正式语法
-webkit-text-security =
circle |
disc |
square |
none
示例
模糊文本输入
尝试在下面的字段中输入。如果您的浏览器支持此属性，字符应该会被方块视觉替换。
HTML
html
<label for="name">Name:</label> <input type="text" name="name" id="name" />
CSS
css
input {
-webkit-text-security: square;
}
结果
规范
不属于任何标准。
浏览器兼容性
加载中…