html - 输入类型搜索隐藏图标

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

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

<input type="search">