如何删除 Chrome 中的 select 选项黑边?

How do I remove the select option black border in Chrome?

如下图所示,

当 select 选项从 chrome 悬停时显示黑色边框。

如何去除边框?

下面的代码无效。

select{

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

如果你能帮我解决问题,我将不胜感激。

  1. 去chrome flags

  2. 禁用#form-controls-refresh

chrome 更新时发生。实际上,它是 chromium 在 2020 年更新的更新功能。 如果您有兴趣了解此 link.

下面的更多功能

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

#问题解决:

就到下面这个link

chrome://flags/#form-controls-refresh

已禁用 Web 平台控件已更新UI