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

Question

我有以下输入：

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

默认情况下它呈现如下（x 呈现）：

当我添加引导时 bootstrap.min.css 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;
}

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