CODEWITHSUNDEEP
javascripthtmlinternet-explorer
captainKirk104
captainKirk104

Reputation: 187

Disable IE 11 input clear 'X' button

I know this will be marked as a duplicate but every suggested CSS fix out there is not working for me in IE 11.

I am trying to disable an input clear 'X' in IE 11.

Among numerous others I have tried:

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

or, if anyone can tell me how to get that to work that would also be acceptable, but I would rather have it gone altogether.

Upvotes: 3

Views: 5050

Answers (2)

JLRishe
JLRishe

Reputation: 101662

(adding my comment from above as an answer since it turned out this was the cause of OP's issue)

Your CSS is fine:

input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}
<input type="text" />

There is no way to hide the X if the browser is running in Modern UI ("Metro") mode or if the page is rendering in Compatibility Mode.

So triple check that there's nothing in your markup that would cause the browser to use compatibility mode. If your users are using the Modern UI for some reason, there's not much you can do about that.

Upvotes: 5

Scott Marcus
Scott Marcus

Reputation: 65806

This works for me in IE 11 (IE 11 Document Mode)

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

It's slightly different than your selector which includes input. I don't see why that should make a difference, but you should try the selector as I have it (without any tag prefix).

enter image description here

Upvotes: 2

Related Questions