59

如何禁用 Internet Explorer 10 中的新功能，该功能在文本框中显示一个小“x”，当它获得焦点并且我有内容时？

IE10 清除按钮

4

5 回答 5

134 
input[type=text]::-ms-clear {
    display: none;
}
于 2012-11-20T20:29:47.960 回答
18

在IE 10+中，文本输入 (input[type=text]) 一旦您开始输入，就会在字段右侧显示一个 (x) 按钮，它用于清除/删除输入的文本值。

在Chrome中，搜索输入 (input[type=search]) 显示类似的按钮。

如果您希望为 IE10+ 和/或 Chrome 删除它们中的任何一个。您可以添加下面的样式以从输入中隐藏此按钮。

看看它在行动...... http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */
::-ms-clear {
  display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { 
  display: none; 
}
于 2016-03-09T15:33:55.003 回答
2 
input::-ms-clear{
   display:none;
}

这对我有用。

于 2017-01-30T21:54:00.633 回答
2

我就是这样做的

input[type=text]::-ms-clear
{
    display: none;
}
于 2016-05-24T07:04:14.420 回答
1

请注意，当页面在兼容性视图中运行时，样式和 CSS 解决方案不起作用。我假设这是因为清除按钮是在 IE7 之后引入的，因此兼容性视图中使用的 IE7 渲染器不会将 ::-ms-clear 视为有效的样式标题。

于 2016-08-02T21:18:52.257 回答