我正在 Windows 8 上的 Internet Explorer 10 中测试一个高度自定义的 Web 应用程序,因为它是一个即将发布的版本,并且可能有一天会使用我的应用程序。看一下应用程序中一些文本输入控件的示例屏幕截图:
有没有办法在 HTML 或 CSS 中删除位于文本和密码输入控件右侧的操作图标?
感谢您的时间。
我正在 Windows 8 上的 Internet Explorer 10 中测试一个高度自定义的 Web 应用程序,因为它是一个即将发布的版本,并且可能有一天会使用我的应用程序。看一下应用程序中一些文本输入控件的示例屏幕截图:
有没有办法在 HTML 或 CSS 中删除位于文本和密码输入控件右侧的操作图标?
感谢您的时间。
由于此答案中的原因,您应该改用它。
/* 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;
}
除非浏览器处于兼容模式,否则 jeffamaphone 的答案有效:
您需要使用 -ms-clear 伪元素。并使用 -ms-reveal 作为密码框。
应该这样做:
::-ms-clear { display: none;
}
但是,当浏览器处于兼容模式时,显示图标仍然会出现。要解决这个问题,请使用此标签强制浏览器进入 IE10 模式 <meta http-equiv="x-ua-compatible" content="IE=edge">
从 Internet Explorer 10 中的文本字段中删除操作图标只需使用此 css 伪元素
::-ms-clear {
display: none; }
从 Internet Explorer 10 中的密码字段中删除操作图标只需使用此 css 伪元素
::-ms-reveal
{
display: none;
}
IE10-docmode "standard" 的解决方案之前已经贴过。
我偶然发现了某种独立于 IE10-docmode 的解决方法。如果您可以忍受将所有输入的宽度更改为最大 80 像素,请使用以下 jquery:
$("input[type=text]").width(80);
我没有 Windows 8 预览版,但您是否尝试过使用 HTML 和 CSS 创建自定义输入字段?也许试试这个:http ://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css
也许不是最好的解决方案,但如果此页面上的任何其他解决方案都不适合您,请试试这个。
在输入的 :before 上放置一个空白背景图像。更具体地说 - 我有自己的清晰按钮,其样式类似于网站,而 IE 则在其自身的基础上。我用清晰的图标更改了原来的透明PNG,背景是纯色的。
其他浏览器看不出有什么区别,它会阻止 IE 清除按钮。我想只有当输入背景颜色没有改变时才有效。