如何删除 <b-dropdown-form> 的轮廓？答案

【问题标题】：how do I remove the outline of <b-dropdown-form>?如何删除 <b-dropdown-form> 的轮廓？
【发布时间】：2020-07-20 07:40:33
【问题描述】：

我在用这个

*{
    outline: none;
    box-shadow: none;
}

【问题讨论】：

当使用光标向上/向下导航菜单项（表单被视为一个项目）时，焦点环用于辅助功能（即仅限键盘用户）。删除它会妨碍那些不能使用鼠标或触摸屏的人。我不建议删除它。只有在使用键盘导航或用户点击菜单背景时才会出现。

【解决方案1】：

.dropdown-menu:focus {
  outline: none;
}

一个警告，如果放置在 Vue 组件的作用域样式中，这将不起作用。您必须使用 deep selector，或将其放在非作用域样式块中。

【讨论】：