Edge上で<datalist>ホバー時に出てくる三角マークを消したい

Question

やりたいこと

ブラウザEdge上で<datalist>を使用したいが要素をホバーした時にでてくるアイコンの三角マークを除去したい。

<input placeholder="hogehoge" name="name" list="incharge_name" />
 <datalist id="incharge_name">
  <option value="サンプル"></option>
  <option value="サンプル2"></option>
  <option value="サンプル3"></option>
 </datalist>

試したこと

下記CSSでクロームは消えると検索した結果でてきたのですがEdgeには効果なかった。

input::-webkit-calendar-picker-indicator{
display:none;
}
//あるのかないのか不明なセレクタも試してみました
input::-moz-calendar-picker-indicator,
input::-ms-calendar-picker-indicator {
      display: none;
}

どうすれば消えるんでしょうか？

Comments

[int32_t]

Edge は EdgeHTML 版ですか? Chromium 版ですか?

[Overrun]

Chromium版です

Answer 1

下記で解決しました

input::-webkit-calendar-picker-indicator{
opacity:0;
}