html5搜索输入不能与bootstrap一起使用

Question

我已经测试了input[type="search"]它,并且(x)在应用引导程序样式时它没有显示清晰的图标.

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;
}

适用于我的Chrome(在我的Mac上,但不适用于我的iPhone ...)

Answer 2

与您相关的问题已经发布在他们的github上 https://github.com/twbs/bootstrap/issues/5624