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

Question

我将我的 chrome 浏览器更新为 83看到了option tag它看起来很丑，它在选项中悬停时显示黑色边框。

我试过了

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

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

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

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

<select>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

但仍然没有运气!为什么？我不知道。

我想删除那个黑色边框，因为在我的元素中它看起来很丑。

我的需要

我需要与之前的选择和选项标签相同的结果。

Answer 1

我找到了 thread

Sadly, there's not a bug or something similar. It is a new feature

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

:focus-visible、:focus 和 :hover 不适用于 option在这个 chrome 版本中