When you have a some input with
type="search", typing some content will display an
X to allow you to clear the content of the box.
<input type="search" />
X is not part of Bootstrap or any other CSS framework. It’s built-in the browser. To be more precise, Chrome and IE10+.
The only way to remove it is to apply something like this:
/* clears the 'X' from Internet Explorer */
The width/height on the Internet Explorer code is to ensure that no space is kept for the component. Otherwise, if you type text long enough, the content may be hidden under the hidden
That’s it. Copy/paste that in our main CSS file and all search box won’t have that annoying X anymore.