css - 如何删除 Chrome 中的选择选项黑色边框？

Question

在最新版本的 chrome(版本:83)中，选择选项中出现黑色边框。有什么办法可以解决吗？我使用以下样式修复了文本框和按钮的外线问题

*,*:focus,*:hover{
outline:none !important;

我检查了问题How do I remove the select option black border in Chrome?它说问题是由于 chrome 更新。我们可以使用 css 修复它吗？

Answer 1

我已尽最大努力解决问题。最新的 Chrome 更新在浏览器中“升级”了表单处理。我的建议是添加 outline: none; , 但这只适用于 <input /> , <textarea>和 <button>元素。随处可见，有一些关于禁用标志的东西，但如果你想让你的网站向公众开放(网络服务器)，这是行不通的，因为禁用该标志只会在你的计算机上禁用它。我真的希望谷歌解决这个问题，但他们似乎没有注意到提示这个问题的人数。