Remove IE11's "clear field" X button on Windows 8

Question

Following the advice given in Remove IE10's "clear field" X button on certain inputs?

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

worked great with IE 11 on Windows 7 but not with IE 11 on Windows 8.1

I also tried

.someinput::-ms-clear {     height: 0;     width: 0; }  

Any thoughts on removing the X on IE 11/Windows 8.1? Thanks

Answer 1

I had the same issue and the most of the css didn't help me to remove the clear button. I solutioned this by simply setting width and height to 0 (plus display none)

.someInputdisplay::-ms-clear {display: none; width:0; height:0;} 

I hope this might be helpful!

Answer 2

Check if "Display intranet sites in Compatibility View" was checked by default in Tools->Compatibility View Settings. Targetting ::-ms-clear and ::-ms-reveal doesn't work in compatibility mode.