如何隐藏在MS Edge和IE中输入的密码

问题描述 投票：1回答：1

我输入了带有自定义添加的“显示密码”按钮的密码。现在，我要删除由MS Edge和IE添加的密码按钮。我已经尝试过：

input[type=password]::-ms-reveal, input[type=password]::-ms-clear {
    display: none;
}

和

input::-ms-reveal, input::-ms-clear {
    display: none;
}

::ms-clear正在工作，并删除了小小的x，用户可以在其中清除输入。但是::ms-reveal不起作用。已在IE 11中测试，基于Chromium的MS Edge和不基于Chromium的最新MS Edge。

MS Edge, Chromium based，IE 11

右侧的眼睛是我自定义添加的眼睛，另一只眼睛是IE或Edge添加的眼睛。

html css internet-explorer input microsoft-edge
1个回答
0
投票

[我试图在IE 11，MS Edge旧版浏览器，MS Edge Chromium浏览器和Firefox上测试这两个代码。

它在我这端起作用，没有显示“显示密码”按钮（眼睛）。

经测试的代码：

<!DOCTYPE html>
<html>
<head>
<style>
input::-ms-reveal, input::-ms-clear {
    display: none;
}
</style>
</head>
<body>


Password: <input type="password" value="" id="myInput"><br><br>

</body>
</html>

在IE 11浏览器中的输出：

enter image description here

MS Edge旧版浏览器中的输出：

enter image description here

MS Edge Chromium浏览器中的输出：

enter image description here

我检查了documentation，找到了此信息。

非标准：

此功能是非标准的，不是标准的跟踪。不要在面向Web的生产站点上使用它：为每个用户服务。两者之间也可能存在很大的不兼容性实施，并且行为将来可能会更改。

浏览器兼容性仅在IE 10版本中显示。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.