Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove “clear field” X button when Browser Mode : IE9 Document Mode:IE9 on certain inputs?

How to remove the “clear field” X button when Browser Mode : IE9 Document Mode:IE9 on certain inputs.
I use this code

<STYLE type="text/css">
input[type=text]::-ms-clear{
  display: none;
  }

input[type=password]::-ms-reveal{
  display: none;
  }
</STYLE>

It's working fine when I choose browser mode like Browser Mode : IE9 and Document Mode:Standards and same as it is in (IE8,IE7).But it's not working for when I choose browser mode Browser Mode : IE9 and Document Mode:IE9 and same as it is in (IE8,IE7).

like image 286
Venkaiah Yepuri Avatar asked Oct 08 '13 10:10

Venkaiah Yepuri


1 Answers

This only appears inside IE10+ when you emulate older modes; you can't disable it using the CSS property as it's only defined in IE10+ mode.

Dupe of

  • IE 10's -ms-clear pseudo-element, and IE5 quirks mode
  • Remove IE 10 Clear Button From Input Field
  • http://answers.microsoft.com/en-us/ie/forum/ie10-windows_7/how-can-input-clear-button-be-hidden-if-ie10-is/8f55602f-1a6b-452d-8cb3-e4cc6034b138
  • https://stackoverflow.com/a/15227216/126229
  • How can I disable the clear button that IE10 inserts into textboxes?
like image 152
EricLaw Avatar answered Oct 05 '22 19:10

EricLaw