Internet Explorer inserts a Delete button in text boxes. It appears as a × glyph inside the right side of the text box, when the box has focus and contains some text.
In our online data-entry form, there are several text boxes. Most of them are multiline text boxes and have a scroll bar. In these, Internet Explorer doesn't insert the × glyph.
One of our single-line text boxes is auto-populated by the code, but the user can edit the text. The user's edit persists unless they click Reset. The × glyph that Internet Explorer inserts visually interferes with the Reset, so we want to hide or disable this × glyph:
We have tried tricking the browser, by using a multi-line textbox that has the height equivalent to a single-line text box. This works:
But only until the text box content overflows:
Question: Is there a way to stop Internet Explorer from inserting the × glyph on this one text-box control or on all text-box controls in this online data-entry form?