停止出现在Internet Explorer的文本框中的删除字形(“×”)

时间:2015-08-06 21:30:09

标签: internet-explorer textbox

Internet Explorer在文本框中插入删除按钮。它在文本框右侧显示为×字形,当框具有焦点并包含一些文本时。

在我们的在线数据输入表格中,有几个文本框。其中大多数是多行文本框,并有一个滚动条。在这些中,Internet Explorer不会插入×字形。

我们的单行文本框之一由代码自动填充,但用户可以编辑文本。用户的修改仍然存在,除非他们点击重置。 Internet Explorer在视觉上插入的×字形会干扰重置,因此我们要隐藏或禁用此×字形:

enter image description here

我们尝试通过使用高度相当于单行文本框的多行文本框来欺骗浏览器。这有效:

enter image description here

但只有在文本框内容溢出之前:

enter image description here

问题:有没有办法阻止Internet Explorer在此一个文本框控件或此在线数据中的所有文本框控件上插入×字形 - 表格?

1 个答案:

答案 0 :(得分:1)

Internet Explorer的×字形是一个可以设置样式的CSS伪元素。如果要将其从所有输入文本字段中删除,请尝试以下代码:

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

(最初由minitech https://stackoverflow.com/a/14007839回答)