html5 search input does not work with bootstrap

Question

I have tested the input[type="search"] and it does not show the clear (x) icon when the bootstrap styles have been applied.

Answer 1

input[type="search"] {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  -webkit-appearance: searchfield; }  input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; } 

works for me on Chrome (on my Mac, but not on my iPhone...)

Answer 2

An issue related to yours has been already posted in their github