css - 从 Internet Explorer 中删除清除和显示密码图标

Question

我有这种设计，用户在其中输入一些文本，input type=text并通过 jQuery 进行验证。现在，当用户输入一些数据时，IE10 会显示一个X清除文本框的标志，但是，根据设计，它会与自定义设计的X图像重叠，并且眼睛图标也会与密码字段的自定义设计重叠。

我试过使用::-ms-clearforinput type=text和::-ms-revealforinput type=password但不幸的是，它什么也没做。我已经读过，只能通过从系统中无用的某个地方禁用它来删除它。

谁能帮助我或指导我解决此问题或告诉我如何解决此问题？

score 63 · Accepted Answer

以下CSS对我有用

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

请参阅::-ms-clear和::-ms-reveal了解更多信息。

score 26 · Accepted Answer

两个问题。首先，您确定您的 CSS 是正确的，因为以下 CSS 对我有用：

::-ms-reveal {
    display: none;
}

第二个问题：你是在开发者工具下以IE9或以下模式运行IE10吗？如果是这样，则此选择器似乎不起作用，并且 IE10 仍会插入密码眼。我现在正在寻找解决该问题的方法。

score 0 · Accepted Answer

当您不在兼容模式下运行时，给出的答案是很好的解决方案。这应该很好用：

::-ms-reveal 
{
    display: none;
}

不幸的是，当您在兼容模式下运行时，几乎没有好的解决方案。正如您在此处看到的，这些 css 选择器在兼容模式下不起作用：https ://connect.microsoft.com/IE/feedback/details/783743

您可以尝试用图像覆盖它。根据应用程序的使用环境以及需要向多少人推出应用程序，您还可以编辑注册表以禁用 IE 中的显示/清除功能。你可以这样做：

打开记事本.exe
将此添加到文件中：

Windows 注册表编辑器版本 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Internet Explorer\Main] "DisablePasswordReveal"=dword:00000001
将其保存为 DisablePwPeekW7.reg
双击刚刚创建的文件，接受。登录并验证。

3 回答 3