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

问题描述

我将chrome浏览器更新为 83 ，看到了 option标签，它看起来很丑，它显示了黑色

I update my chrome browser to 83 and saw the option tag and it looks ugly, It shows the black border when hovering in option.

我尝试过

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>

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

but still no luck!! why? I don't know.

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

I want to remove that black border because In my project it looks ugly.

我的需要

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

I need same result as previous select and option tag have.

推荐答案

我找到了这个

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

I hope that they will change their implementation in chrome's next release.

：focus-visible，：focus和：hover在此chrome版本的选项中不起作用

:focus-visible, :focus and :hover are not working for the option in this chrome version

这篇关于在Chrome 83中将鼠标悬停时如何从选项中删除黑色边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！