Javascript 在chrome 83中悬停时如何从选项中删除黑色边框

我把我的chrome浏览器升级到83，看到选项标签，它看起来很难看，在选项中悬停时显示黑色边框

我试过了

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

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

选择权{ 盒影：无； 边界：无； -webkit外观：无； } 选项：悬停{ 盒影：无； 边界：无； -webkit外观：无； } 选择1 选择2 选择3 选择4 我找到了这个

遗憾的是，没有一个bug或类似的东西。这是一个新特性

我希望他们能在chrome的下一个版本中改变他们的实现

---

：focus visible，：focus和：hover不适用于此chrome版本中的选项

更改边框颜色似乎可以删除黑色悬停状态

这是一项实验性功能。 您可以尝试禁用此标志：chrome://flags/form-controls-refresh 显然，83+版本的chrome改变了表单的呈现/处理方式。

问题解决方案：

转到下面的链接或复制粘贴chrome url选项卡并点击回车键。 chrome://flags/form-controls-refresh

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

---

在Chrome 84中，选择选项项周围的黑色边框在悬停时似乎不会出现。现在，更改css大纲规则是删除可聚焦输入的黑色边框的最简单方法

*:focus {
  outline: none;
}

---

您只需要在selecttagcss属性中设置outline:none，唯一有用的是元素的css样式：outline:none

我是这样解决的：

*, *:focus, *:hover {
    outline: none;
}

select {
    border: 0px none;
    border-radius: 0.001px; /* this value must be greater than 0, otherwise it won't work */
}

去你和谷歌

可达性

转到：在聚焦对象上显示快速高光 关掉 问题解决了

---

当你选择任何选项标签时，“选择标签”会显示奇怪的黑色边框，并更改其边框半径该黑色边框现在在chrome中无处不在。不仅在选项中。我也在寻找摆脱它的方法。至少对我自己来说。你试过了吗？是的，我试过了所有的方法，但仍然不起作用焦点轮廓样式是因为可访问性原因而更新的：不仅它很难看，甚至它的实现也被破坏了-如果你快速悬停并取消悬停在一个选项上，然后开始滚动页面，选项没有关闭：我不敢相信这会在生产中结束。我希望它在chrome 84中是可选的，谢谢你回答一个问题，但问题是它将禁用chrome提供的全新功能，如果我谈论第二个答案，它将需要对changeNo进行扩展，这是错误的，在回答任何问题之前，请检查上面已经给出的答案，不要给出与Maria给出的答案相同的答案。她是否提到如何关闭它。不要抢选票。我不介意否决票，但我添加了一些内容。我甚至没有提到否决票，我也没有否决你的问题，我只是提供信息，请不要重复相同的答案，因为你的答案和Maria thread的答案完全是抄袭猫，因此，不要从其他站点复制粘贴答案。从开发人员的角度来看，这不是一个解决方案。这只有在你不想把它当作用户的情况下才有效。上面已经给出了答案，不要给出与Maria相同的答案。这实际上对我很有帮助。我不必打开任何第三方链接…为我工作！这个答案对这个问题没有任何帮助。这样的答案已经有了。