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

我正在Windows 8上的Internet Explorer 10中testing一个高度自定义的Web应用程序，因为它是即将发布的版本，并且有可能在某天使用我的应用程序。 看看这个应用程序的一些文本input控件的示例截图：

有没有一种方法，无论是在HTML或CSS，删除位于文本和密码input控件的右侧的动作图标？

感谢您的时间。

Answer 1

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

这应该做到这一点：

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

Answer 2

你应该使用这个，因为这个答案的原因。

 /* 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作为密码框。

这应该做到这一点：
:: – ms-clear {display：none;
}

但是，当浏览器处于兼容模式时，揭示图标仍然出现。 为了解决这个问题，使用这个标签强制浏览器进入IE10模式<meta http-equiv =“x-ua-compatible”content =“IE = edge”>

Answer 4

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

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

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

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

Answer 5

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

Answer 6

IE10-docmode“standard”的解决scheme已经发布。

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

Answer 7

也许不是最好的解决scheme，但如果在这个网页上的任何其他解决scheme不适合你，试试这个。

在input之前放置一个空白背景图像。 更具体地说 – 我有我自己的清晰的button样式的网站，和IE底层自己的。 我用清晰的图标更改了原始的透明PNG，并有一个纯色背景。

其他浏览器没有看到差异，它阻止IE清除button。 只有当input的背景颜色不会改变我想。