chrome 83にホバーしたときにオプションから黒い境界線を削除する方法

Question

私は自分のchromeブラウザを83に更新し、option tagを見たところ、見苦しく、オプションにカーソルを合わせると黒い境界線が表示されます。

私は試した

option {
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
}

option:hover {
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
}

option {
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
}

option:hover {
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
}

<select>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

しかし、まだ運がない！どうして？知りません。

私のプロジェクトでは醜いように見えるので、私はその黒い枠を削除したいと思います。

MY NEED

以前のselectおよびoptionタグと同じ結果が必要です。

Answer 1

＃問題の解決策：

以下のリンクに移動するか、chrome urlタブをコピーして貼り付けて、Enterキーを押します。

chrome：// flags /＃form-controls-refresh

およびDisabledWebプラットフォームコントロールの更新されたUI