javascript - 在Chrome 83中将鼠标悬停时如何从选项中删除黑色边框

我将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>

但还是没有运气!为什么？我不知道。

我要删除该黑色边框，因为在我的项目中它看起来很丑。

我的需要

我需要与之前的select和option标记相同的结果。

最佳答案

我发现了这个thread



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

在此Chrome版本中，:focus-visible，:focus和:hover不适用于option

关于javascript - 在Chrome 83中将鼠标悬停时如何从选项中删除黑色边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61971404/