Chromeで選択オプションの黒い枠を削除するにはどうすればよいですか？

Question

下の写真のように、

選択オプションがクロムからホバーされると、黒い境界線が表示されます。

どうすればボーダーを削除できますか？

以下のコードは機能しませんでした。

select{

  &:hover,
  &:focus 
  {
    outline: 0 !important;
  }
}

問題の解決にご協力いただければ幸いです。

Answer 1

chromeが更新されたときに発生します。実際には、2020年に更新されるのはchromiumからの更新機能です。このリンクの下の詳細について知りたい場合は、.

https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html

＃問題の解決策：

このリンクの下に行くだけです

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

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