-webkit-text-security：光盘；在IE中无法正常工作

Question

我已经应用了css -webkit-text-security：disc;将该单词屏蔽为密码，但在Internet Explorer中不起作用。

这是我的代码：

.hide{
-webkit-text-security:disc;
}

<h1 class="hide">HideMe</h1>

它适用于chrome，但不适用于IE。 请给我解决方案。 谢谢。

Answer 1

-webkit-是vendor prefix：

  

浏览器供应商有时会在实验性或非标准CSS属性和JavaScript API中添加前缀，因此，从理论上讲，开发人员可以尝试新的想法，同时从理论上防止在标准化过程中依赖实验并破坏Web开发人员的代码。开发人员应等到包含未添加前缀的属性，直到浏览器行为标准化为止。

…由Webkit呈现引擎使用，而Internet Explorer不使用。

它是如此具有实验性，甚至没有出现在CSS规范草案中。没有其他浏览器支持它或带有不同供应商前缀的版本。

如果您想获得这种效果，则需要应用JavaScript（例如，使用覆盖在元素上的不可见密码字段，每次输入{ {1}}事件触发。