冲突的引导程序和输入类型搜索

Question

我有以下输入：

<input class="search" type="search" data-column="all">

默认情况下它会像这样渲染（x渲染）：

当我添加bootstrap bootstrap.min.css时x没有显示

我的页面取决于bootstrap因此我无法删除它 请帮助解决我的问题。

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

取自https://stackoverflow.com/a/18813579/2674303