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

【问题标题】：Blue border rendering on drop down select [chrome]下拉选择时呈现蓝色边框 [chrome]
【发布时间】：2016-09-22 18:09:34
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

.class-dropdown {
  outline: none;
}

注意：如果要求可访问性，则删除蓝色边框可能是个坏主意。当下拉菜单显示/选择时，最好有一个状态样式

希望这会有所帮助。

【讨论】：