如何禁用IE10插入文本框的清除按钮?

时间:2012-11-20 20:29:48

标签: css forms internet-explorer-10

我如何禁用Internet Explorer 10中的新功能,该功能在文本框中显示一个小'x'时我的内容是什么?

IE10 Clear Button

5 个答案:

答案 0 :(得分:135)

input[type=text]::-ms-clear {
    display: none;
}

答案 1 :(得分:17)

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

Chrome 中,搜索输入(输入[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; 
}

答案 2 :(得分:2)

我就这样做了

input[type=text]::-ms-clear
{
    display: none;
}

答案 3 :(得分:2)

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

这对我有用。

答案 4 :(得分:1)

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