-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;
}

结果

规范

不属于任何标准。

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

WebKit CSS 扩展