<input type="search" />のキャンセルボタン

inputのtypeがsearchを設定されている場合、テキストを入力すると、右側に「x」が表示されます。

これはブラウザ自動的に設定した仕様です。削除したい場合、以下のコードを追加します。

    input::-webkit-search-cancel-button {
      appearance: none;
    }

そうしたら、「x」がなくなりました。

ChromeとSafiraが同じ表現と同じ設定です。