如何删除 Chrome 中的选择选项黑色边框？

Question

如下图所示，

从Chrome中悬停SELECT选项时，显示了黑色边框。

如何去除边框？

下面的代码不起作用。

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

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

Answer 2

1. 去chrome flags

2. 禁用#form-controls-refresh