A customer has requested that the IE11's new clear button diappear on input boxes in our application. Microsoft and others indicate that a way to remove it is to use the ::-ms-clear pseudo-element, as shown below:
input[type-text]::-ms-clear
{display:none;}
However, this only works if the browser is running in IE10 mode.
Our application has been in production for a number of years. It turns out that our application is incompatible with IE10 in various areas. Our simple fix was to run it in IE8 mode, i.e. add this line to the top of every page:
<meta http-equiv="X-UA-Compatible" content="IE-EmulateIE8">
The result is that the input clear button is still there.
In IE10 mode, the button disappears - but our application won't work in this mode.
How can input clear button be hidden if IE11 is being run in IE8 mode?