如何在Chrome中去掉select选项的黑色边框？

Question

如下图所示，从Chrome浏览器中悬停选择选项时会显示黑色边框。

我该如何去掉这个边框？

下面的代码没有起作用。

select{

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

如果您能帮我解决这个问题，我将非常感激。

- H.jenny

---

你能提供最小可重现的代码吗？默认选择选项没有边框/轮廓线来进行选择。 - yinsweet

这是一个Chrome更新问题。问题已经解决了..！谢谢 :) - H.jenny

很高兴现在它能正常工作了。感谢您的通知。 :) - yinsweet

Answer 1

1. 打开Chrome Flags

2. 禁用#form-controls-refresh

- Gabriel Valdivieso Cic

---

UI已恢复到以前的状态。感谢您的友善解释 :)！ - H.jenny

这只是针对你的，如果你正在设计一个网站，这并不能为其他人解决问题。 - Neil Laslett

Answer 2

当Chrome进行更新时，这种情况会发生。实际上，这是来自2020年Chromium的更新功能。 如果您想了解更多功能，请查看以下链接。

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

#问题解决方案：

只需访问以下链接

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

并且禁用Web平台控件更新UI

- Md. Golam Rabbani