70

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

在此处输入图像描述

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

感谢您的时间。

4

7 回答 7

105

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

这应该这样做:

  ::-ms-clear {
      display: none;
  }
于 2012-06-01T17:00:14.477 回答
22

由于此答案中的原因,您应该改用它。

/* 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;
}
于 2013-08-01T05:41:45.397 回答
5

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

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

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

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

于 2013-03-05T15:09:22.893 回答
2

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

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

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

::-ms-reveal
 {
   display: none; 
  }
于 2013-06-11T10:04:57.227 回答
0

IE10-docmode "standard" 的解决方案之前已经贴过。

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

于 2014-11-20T13:15:09.047 回答
0

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

于 2012-06-01T02:50:02.637 回答
0

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

在输入的 :before 上放置一个空白背景图像。更具体地说 - 我有自己的清晰按钮,其样式类似于网站,而 IE 则在其自身的基础上。我用清晰的图标更改了原来的透明PNG,背景是纯色的。

其他浏览器看不出有什么区别,它会阻止 IE 清除按钮。我想只有当输入背景颜色没有改变时才有效。

于 2015-12-09T17:39:16.443 回答