Internet Explorer 10 :: - ms-clear in compatibility mode

Question

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

I used this:

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

This works for IE10 standards mode, but not for compatibility mode.

Any ideas how I can do this? Is there a way to disable it using JavaScript?

Answer 1

I know that this is not the answer that you might be looking for, but Microsoft has stated that it is “by design” and “is a function” 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

, .

line-height: 0; height: 0; padding: 8px; padding-bottom: 8px; :

( "X" ) IE10 ?