css - 下拉选择 [chrome] 时呈现蓝色边框

Question

我的任务是追踪并删除下拉框周围的蓝色边框，但是我没有看到任何与此相关的 css。根据我的阅读，下拉菜单是影子 dom 的一部分，但这个蓝色边框是从哪里来的？

Answer 1

我不确定它来自哪里，但是如果您有更新 css 的权限，您可以使用 CSS 覆盖它。我不知道您的标记是什么样的，但这会覆盖蓝色边框。

.class-dropdown {
  outline: none;
}

注意:如果需要可访问性，删除蓝色边框可能不是个好主意。当下拉列表显示/选中时最好有一个状态样式

希望这对您有所帮助。