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

如何禁用Internet Explorer 10中的新function,该function在文本框中显示一个“x”,并且其中包含内容?

IE10清除按钮

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

IE 10+中 ,一旦开始input,文本input(input[type = text])在字段的右侧显示一个(x)button,用于清除/删除input的文本值。

Chrome中 ,searchinput(input [type = search])显示一个类似的button。

如果您希望为IE10 +和/或Chrome删除其中的任何一个。 您可以添加下面的样式来隐藏input中的这个button。

看到它的行动… 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; } 

我就是这么做的

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

请注意,当页面在兼容性视图中运行时,样式和CSS解决scheme不起作用。 我假设这是因为在IE7之后引入了清除button,所以在兼容性视图中使用的IE7渲染器没有看到:: – ms-clear作为有效的样式标题。

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

这为我做了诡计。