输入类型搜索隐藏图标

Question

在chrome中,当我在搜索字段中键入时,会出现一个十字架,在单击时清除该字段(也可以使用Esc此字段).

<input type="search">

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

小提琴

---

编辑:

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

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

小提琴

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