html - 入力タイプ 検索 アイコンを隠す

Question

クロムでは、検索フィールドに入力すると、クリックするとフィールドがクリアされる十字が表示されます (これにも使用できますEsc)。

  <input type="search">

この十字架を隠す方法はありますか？

---

編集：

attribute を使用する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">