首页 > 解决方案 > 无法从下拉列表中删除轮廓

问题描述

bootstrap-vue 下拉菜单总是以焦点轮廓打开。我不知道它为什么会出现。我试图通过 CSS 删除它,但我不想手动删除它。

在这里你可以看到大纲。

我的页面

这是官方页面。

官方网站

编辑:我没有在任何地方应用额外的 CSS 规则。

引导程序:4.3.1

引导程序Vue:2.0.4

标签: bootstrap-4bootstrap-vue

解决方案


看起来你正在使用 bootstrap 4.4.x,它bootstrap-vue还不支持。

Bootstrap 在 4.4.0 版本中对其重新启动 css 进行了一些更改,删除了以前的样式,该样式隐藏了tabindex="-1"下拉菜单所具有的元素的轮廓。

bootstrap-vue将在即将2.2.0发布的版本中解决此问题,但现在我4.3.1建议按照文档中的建议使用引导程序。

编辑: bootstrap-vue v2.2.0已发布修复这些问题。


推荐阅读