Bootstrap Navbar CSS不需要的效果

Question

我是CSS的新手，所以如果我无法正确描述这个问题，请原谅。它发生在Chrome和Safari上，但不是FireFox。单击导航菜单选项卡时，会出现蓝色矩形。我不知道它有什么关系，所以我不知道如何摆脱它。任何帮助将非常感谢。谢谢！

Answer 1

添加：

.navbar-light .navbar-nav .active>.nav-link:focus {
  outline:0;
}

Answer 2

默认情况下，Chrome和Safari会将焦点保持在最后点击的元素上，因此会出现蓝色轮廓..

您可能需要将outline:none添加到要避免此大纲的元素的:active和:focus伪类。