CSS: -ms-clear not available in IE11?

Question

Ps: Pls dont mark duplicate without reading the entire question

Dear All,

I want to remove the cross[X] icon for the input field.

I very well know it can be done using CSS

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

But somehow this property is not available in IE11, and even if i forcefully use this property IE is not identifying it. Is there any alternative property available for it. I tried searching but i didnt find any.

Answer 1

As discussed it was a

.

infront of

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

That caused the error.