停止在 Internet Explorer 的文本框中显示删除字形(“×”)
Stop the Delete glyph ("×") appearing in a text box in Internet Explorer
Internet Explorer 在文本框中插入一个 删除 按钮。当框具有焦点并包含一些文本时,它在文本框右侧显示为 × 字形。
在我们的在线数据输入表单中,有几个文本框。它们中的大多数是多行文本框并带有滚动条。在这些文件中,Internet Explorer 不会插入 × 字形。
我们的一个单行文本框由代码自动填充,但用户可以编辑文本。除非用户单击 Reset,否则用户的编辑会保留。
Internet Explorer 插入的 × 字形在视觉上会干扰 Reset,因此我们要隐藏或禁用此 ×字形:
我们尝试通过使用高度与单行文本框相同的多行文本框来欺骗浏览器。这有效:
但直到文本框内容溢出:
问题:有没有办法阻止 Internet Explorer 在这个文本框控件或所有文本框控件上插入 × 字形此在线数据输入表单中的文本框控件?
Internet Explorer 的 × 字形是一个可以设置样式的 CSS 伪元素。如果你想从所有输入文本字段中删除它,试试这个代码:
input[type=text]::-ms-clear {
display: none;
}
(最初由 minitech 回答)
Internet Explorer 在文本框中插入一个 删除 按钮。当框具有焦点并包含一些文本时,它在文本框右侧显示为 × 字形。
在我们的在线数据输入表单中,有几个文本框。它们中的大多数是多行文本框并带有滚动条。在这些文件中,Internet Explorer 不会插入 × 字形。
我们的一个单行文本框由代码自动填充,但用户可以编辑文本。除非用户单击 Reset,否则用户的编辑会保留。 Internet Explorer 插入的 × 字形在视觉上会干扰 Reset,因此我们要隐藏或禁用此 ×字形:
我们尝试通过使用高度与单行文本框相同的多行文本框来欺骗浏览器。这有效:
但直到文本框内容溢出:
问题:有没有办法阻止 Internet Explorer 在这个文本框控件或所有文本框控件上插入 × 字形此在线数据输入表单中的文本框控件?
Internet Explorer 的 × 字形是一个可以设置样式的 CSS 伪元素。如果你想从所有输入文本字段中删除它,试试这个代码:
input[type=text]::-ms-clear {
display: none;
}
(最初由 minitech 回答)