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

Question

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

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

感谢您的时间。

Answer 1

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

这应该这样做：

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

Answer 2

由于此answer中的原因，您应该使用此方法。

/* 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;
}

Answer 3

jeffamaphone的答案有效，除非浏览器处于兼容模式：

  

您需要使用-ms-clear psuedo-element。并使用-ms-reveal for   密码框。

     

这应该这样做：
     :: - ms-clear {         显示：无;
     }

但是，当浏览器处于兼容模式时，仍会显示“显示”图标。 要解决此问题，请使用此标记强制浏览器进入IE10模式 ＆lt; meta http-equiv =“x-ua-compatible”content =“IE = edge”＆gt;

Answer 4

从Internet Explorer 10中的文本字段中删除操作图标只需使用此css伪元素

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

从Internet Explorer 10中的密码字段中删除操作图标只需使用此css伪元素

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

Answer 5

我没有Windows 8预览，但您是否尝试过使用HTML和CSS创建自定义输入字段？也许试试这个：http://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css

Answer 6

IE10-docmode＆＃34;标准＆＃34;的解决方案已发布之前。

我无意中发现了某种独立于IE10-docmode的解决方法。 如果您可以将所有输入的宽度更改为最大80像素，请使用以下jquery：
$("input[type=text]").width(80);

Answer 7

也许不是最好的解决方案，但如果此页面上的任何其他解决方案都不适合您，请尝试此操作。

在输入之前的前面放置一个空白背景图像。更具体地说 - 我有自己的清晰按钮风格的网站，IE浏览器支持自己的。我用清晰的图标更改了原始的透明PNG，背景为实心的。

其他浏览器没有看到差异，它会阻止IE清除按钮。仅在我认为输入背景颜色没有改变时才有效。