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: