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...)