Bootstrap 4 无法从下拉列表中删除大纲_Bootstrap 4_Bootstrap Vue

Bootstrap 4 无法从下拉列表中删除大纲

bootstrap-4

Bootstrap 4 无法从下拉列表中删除大纲,bootstrap-4,bootstrap-vue,Bootstrap 4,Bootstrap Vue,引导vue下拉菜单始终以焦点轮廓打开。我不知道它为什么会出现。我试图通过CSS删除它，但我不想手动删除它在这里你可以看到轮廓这是官方网页编辑：我在任何地方都没有应用额外的CSS规则引导：4.3.1 bootstrap vue:2.0.4看起来您正在使用bootstrap4.4.x，而bootstrap vue尚不支持 Bootstrap在4.4.0版本中对其重新启动css进行了一些更改，删除了以前的样式，该样式使用下拉列表中的tabindex=“-1”元素隐藏轮廓 bootstrap

引导vue下拉菜单始终以焦点轮廓打开。我不知道它为什么会出现。我试图通过CSS删除它，但我不想手动删除它

在这里你可以看到轮廓

这是官方网页

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

引导：4.3.1

bootstrap vue:2.0.4

看起来您正在使用bootstrap

4.4.x

，而bootstrap vue

尚不支持
Bootstrap在4.4.0版本中对其重新启动css进行了一些更改，删除了以前的样式，该样式使用下拉列表中的tabindex=“-1”
元素隐藏轮廓
bootstrap vue
将在即将发布的2.2.0
版本中修复此问题，但目前我建议按照文档中的建议使用bootstrap4.3.1

编辑：
bootstrap vue v2.2.0
已经发布，修复了这些问题
 HTML标记是否与示例中的相同？想想看，如果你用标签而不是按钮，可能会有一个焦点/活动等的大纲…一切都和网站一样。我使用的是4.3.1。更新了问题。@Asadali您是如何检查您使用的版本的？来自软件包。json@Asadali如果您的包中有“引导”：“^4.3.1”
。json
它仍将安装v4.4.1
。改为编写“引导”：“4.3.1”
以确保使用v4.3.1
——您可以在