How to Disable the Clear Button That Ie10 Inserts into Textboxes

How can I disable the clear button that IE10 inserts into textboxes?

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

Remove IE10's clear field X button on certain inputs?

Style the ::-ms-clear pseudo-element for the box:

.someinput::-ms-clear {
    display: none;
}

Remove “clear field” X button when Browser Mode : IE9 Document Mode:IE9 on certain inputs?

This only appears inside IE10+ when you emulate older modes; you can't disable it using the CSS property as it's only defined in IE10+ mode.

Dupe of

• IE 10's -ms-clear pseudo-element, and IE5 quirks mode
• Remove IE 10 Clear Button From Input Field
• http://answers.microsoft.com/en-us/ie/forum/ie10-windows_7/how-can-input-clear-button-be-hidden-if-ie10-is/8f55602f-1a6b-452d-8cb3-e4cc6034b138
• https://stackoverflow.com/a/15227216/126229
• How can I disable the clear button that IE10 inserts into textboxes?

Handle IE 9 & 10's clear button with Knockout binding

If you just change

valueUpdate: 'afterkeydown'

to

valueUpdate: 'input'

it hooks that event to trigger the value update. It's better overall because it also handles clipboard-based actions and text drag-drop actions.

Stop the Delete glyph ( × ) appearing in a text box in Internet Explorer

The Internet Explorer's × glyph is a CSS pseudo element that can be styled. If you want to remove it from all input text fields, try this code:

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

(Originally answered by minitech https://stackoverflow.com/a/14007839)

---

Related Topics