输入类型搜索隐藏图标

Question

在chrome中，当我在搜索字段中输入时，会出现交叉，在单击时会清除该字段（也可以使用 Esc ）。

<input type="search">

有没有办法隐藏这个十字架？

Fiddle

---

修改

如果您使用属性results="2"，它也会开始显示放大镜。这是什么魔法？当我使用results属性时，为什么会出现玻璃？

<input type="search" results="2">

Fiddle

Answer 1

Sourabh你需要禁用WebKit专有的伪元素

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

如果有帮助，请告诉我

对于您的案例使用：

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}