Internet Explorer 10 Windows 8 Remove Text Input and Password Action Icons

Solution 1:

You need to use the -ms-clear pseudo-element. And use -ms-reveal for the password box.

This should do it:

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

Solution 2:

You should instead use this because of the reason in this answer.

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}

Solution 3:

jeffamaphone's answer works unless the browser is in compatability mode:

You need to use the -ms-clear psuedo-element. And use -ms-reveal for the password box.

This should do it:
::-ms-clear { display: none;
}

But, when the browser is in compatability mode, the reveal icon still appears. To get around this, force the browser into IE10 mode with this tag <meta http-equiv="x-ua-compatible" content="IE=edge">

Solution 4:

Remove action icons from text fields in Internet Explorer 10 just use this css pseudo element

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

Remove action icons from password fields in Internet Explorer 10 just use this css pseudo element

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