如何禁用IE10插入文本框的清除按钮？
Jos*_*ltz 59 css forms internet-explorer-10
如何禁用Internet Explorer 10中的新功能,该功能在文本框中显示一个小"x"时,它的内容是什么？
Jos*_*ltz 134
input[type=text]::-ms-clear {
display: none;
}
- 仅供参考:仅当浏览器为IE10模式而非兼容模式时才有效.哎呀! (19认同)
- 最好将`width`和`height`设置为`0px`.否则,IE10将忽略该字段上定义的填充:/sf/answers/1031736471/ (3认同)
- @ScottSelby:也许用户会非常喜欢它,所有其他浏览器都会实现它.HTML规范没有定义表单字段的呈现方式(我不认为).当iOS Safari的URL字段添加了一个"x"图标来清除它时,似乎没有人介意. (2认同)
Sut*_*off 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认同)