Internet Explorer 10 Windows 8删除文本输入和密码操作图标

Oli*_*ryn 70 html css internet-explorer windows-8 internet-explorer-10

我正在Windows 8上的Internet Explorer 10中测试高度自定义的Web应用程序,因为它是一个即将发布的版本,很可能有一天会使用我的应用程序.从应用程序中查看一些文本输入控件的示例屏幕截图:

在此输入图像描述

有没有办法在HTML或CSS中删除位于文本和密码输入控件右侧的操作图标?

感谢您的时间.

i_a*_*orf 105

您需要使用-ms-clear伪元素.并使用-ms-reveal作为密码框.

这应该这样做:

  ::-ms-clear {
      display: none;
  }
Run Code Online (Sandbox Code Playgroud)

  • 嗯,它在IE7-9中不存在.这可能是这些装饰器在兼容模式下显示的错误.我必须登上一座山,摄取一些当地的草药,并冥想几天,我没有时间.但是,http://connect.microsoft.com/ie上的人可能会在那里提交错误. (14认同)
  • 我不得不承认,当它处于IE7-9模式时,由jeffamaphone给出的答案在IE中不起作用.但是,在IE 10中它运行良好. (5认同)

Emr*_*mre 21

你应该使用这个,因为这个答案的原因.

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
Run Code Online (Sandbox Code Playgroud)


Mat*_*tCT 5

除非浏览器处于兼容模式,否则jeffamaphone的答案有效:

您需要使用-ms-clear psuedo-element.并使用-ms-reveal作为密码框.

这应该这样做
::: - ms-clear {display:none;
}

但是,当浏览器处于兼容模式时,仍会显示"显示"图标.要解决此问题,请使用此标记强制浏览器进入IE10模式<meta http-equiv ="x-ua-compatible"content ="IE = edge">