英文:
cannot remove outline from dropdown
问题
The bootstrap-vue下拉菜单始终带有焦点轮廓。我不知道为什么会出现这个。我尝试通过CSS将其移除，但我不想手动移除它。
在这里，您可以看到轮廓。
这是官方页面。
编辑：我没有在任何地方应用额外的CSS规则。
bootstrap版本：4.3.1
bootstrap-vue版本：2.0.4
英文:
The bootstrap-vue dropdown menu always opens with a focus outline. I do not know why it is showing up. I tried to remove it by CSS but I don't want to have to remove it manually.
here you can see the outline.
This is the official page.
Edit: there is no additional CSS rule I am applying anywhere.
bootstrap: 4.3.1
bootstrap-vue: 2.0.4
答案1
得分: 1
看起来您正在使用Bootstrap 4.4.x，而bootstrap-vue目前还不支持这个版本。
Bootstrap在4.4.0版本中对其重新启动的CSS进行了一些更改，删除了以前隐藏具有tabindex="-1"的元素轮廓的样式，而下拉菜单正是使用了这个属性。
bootstrap-vue将在即将发布的2.2.0版本中修复这个问题，但目前我建议您按照文档推荐使用Bootstrap 4.3.1。
编辑：
bootstrap-vue v2.2.0已发布，修复了这些问题。
英文:
Looks like you're using bootstrap 4.4.x, which bootstrap-vue doesn't support yet.
Bootstrap made some changes in the 4.4.0 release to their reboot css that removed the previous styling that hides the outline from elements with tabindex="-1" that the dropdown has.
bootstrap-vue will fix this in the upcoming 2.2.0 release, but for now i would advise to use bootstrap 4.3.1 as recommended in the documentation.
Edit:
bootstrap-vue v2.2.0 has been released which fixes these issues.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论