Bootstrap 模态关闭时的引导蓝色轮廓

pexxcrt2 于 2022-12-16 发布在 Bootstrap

关注(0)|答案(2)|浏览(163)

我是网站编程的新手，目前正在使用Bootstrap，但我遇到了一个无法解决的问题。
我有一个导航栏，其中一个链接打开一个模态，但当模态关闭，然后有一个蓝色的轮廓周围的链接在导航栏中。
这个蓝色的盒子可以去掉吗？我就是找不到样式，是不是这个原因？

2条答案

这个蓝色的轮廓是为了方便访问而存在的。它帮助人们在链接和标签之间导航。大多数人会建议你不要删除它。
您还没有发布您的代码（本网站的要求），所以我不知道确切的元素需要样式，但这是您将添加到元素的代码：

:focus {
  outline: 0;
}

正如Jdsfighter所说，您也可以将其添加到样式表中，以删除每个元素的轮廓。

*:focus {
  outline: 0;
}

以防有人像我一样遇到这种情况。在Bootstrap〉5中，它是box-shadow：

:focus {
    box-shadow: none;
}