4

I am trying to hide the input clear button within IE10 when it is in compatibility mode.

I have used this:

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

This works for IE10 Standards mode but not compatibility mode.

Any ideas how i can do this? Is there any way to disable it using JavaScript?

David Passmore
  • 5,941
  • 4
  • 42
  • 68
  • I am in the same position. I need a fix for IE10 and IE11 when in Compatibility mode. There is a bug filed that the IE Team has responded as won't fix: http://connect.microsoft.com/IE/feedback/details/783743/disable-ie10-clear-field-button-when-rendering-in-compatibility-mode – robabby Mar 10 '14 at 15:55
  • any progress on this ? – Jules Apr 02 '14 at 09:23

1 Answers1

2

I know this isn't the answer you are perhaps looking for but Microsoft have said that this is "by design" and "is a feature" of the browser and will not fix it.

http://connect.microsoft.com/IE/feedback/details/783743/disable-ie10-clear-field-button-when-rendering-in-compatibility-mode

The product team believes this item works according to its intended design.

Some people have tried setting line-height: 0; height: 0; padding: 8px; padding-bottom: 8px; with some degree of success as per the following post:

How to remove clear button ( 'X' button ) from IE10 textboxes in compatibility mode?

Community
  • 1
  • 1
Chris Spittles
  • 13,713
  • 10
  • 59
  • 81