‘datalist’タグを利用してテキスト入力フォームに入力候補を表示する際に、Firefoxはいいのですが、Chromeでどうしても三角アイコンが表示されるという現象を確認しました。
select
と同じようにappearance
をnoneに指定して消せるだろうと思ったのですが、:hover,:focus,:active
いずれを指定しても消えませんでした。
あらためて英単語に絞って検索したところ、以下のようなCSSを追加することで非表示にすることがわかりました。
input::-webkit-calendar-picker-indicator { display: none; }