Question

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

我已尝试将::-ms-clear用于input type=text而::-ms-reveal用于input type=password但不幸的是，它根本不做任何事情。我已经读过只能通过从系统中没有用的地方禁用它来删除它。

任何人都可以帮助我或指导我解决这个问题，或者告诉我如何解决这个问题？

Answer 1

以下CSS为我工作

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

有关其他信息，请参阅::-ms-clear和::-ms-reveal。

Answer 2

两个问题。首先，你确定你的CSS是正确的，因为以下CSS适用于我：

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

第二个问题：您是在IE9模式下运行IE10还是在Developer Tools下运行IE10。如果是这样，此选择器似乎不起作用，IE10仍然插入密码眼。我现在正在寻找解决这个问题的方法。

Answer 3

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

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

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

您可以尝试用图像覆盖它。根据您的应用程序的使用方式以及需要将其推送到的人数，您还可以编辑注册表以禁用IE中的显示/清除功能。你可以这样做：

打开Notepad.exe
将其添加到文件中：

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