Html css

Remove The Clear Field Button In Internet Explorer Using CSS

Posted by Weston Ganger on January 09, 2016

Internet Explorer has a clear field button on its inputs. I needed to remove it to remove user error of feeling like it actually removing a search term but it wont actually reload the page.

All you need to do is set a simple CSS property

/* Globally */
input::-ms-clear {
  display: none;

/* only on inputs with this class */
  display: none;

Related External Links:

Posted in HTML / CSS and Tagged with internet-explorer css 

Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts