Remove The Clear Field Button In Internet Explorer Using CSS

Posted by Weston Ganger

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 */
.my-element::-ms-clear{
  display: none;
}


Related External Links:

Article Topic:Software Development - HTML / CSS

Date:January 09, 2016

Recommended Posts

Contact

604-309-8713
info@solidfoundationwebdev.com

Send Me A Message

I would love to get in touch and talk about your next project. Feel free to send a message and I will get back to you shortly.

Get Connected