如何禁用IE10插入文本框的清除button?
如何禁用Internet Explorer 10中的新function,该function在文本框中显示一个“x”,并且其中包含内容?
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; }
这为我做了诡计。