Javascript 如何在引导导航栏上点击Firefox删除白色圆圈框

我有以下代码：

.navbar.navbar-inverse.navbar品牌{
颜色：#fff；
}
.navbar.navbar-reverse.navbar导航>li>a{
颜色：#fff；
}

引导盒


















右对齐导航栏
一些文本

链接周围的虚线边框是大多数浏览器的辅助功能 默认情况下有。它是为那些必须或选择通过 键盘上，当“选项卡化”时，这些链接会应用一种视觉样式 到单击链接时，这些边框也会显示（在其 “活动”状态），并且根据设计可能会造成视觉障碍 （特别是在使用CSS图像替换之类的东西时 边框跨越屏幕的长度）

要删除，请执行以下操作：

FIREFOX

input::-moz-focus-inner { 
  border: 0; 
}

适用于所有人

a, a:hover, a:active, a:focus {
  outline:0;
}

---

这是由默认引导CSS规则引起的：

a:focus {
  outline: thin dotted;
  outline-offset: -2px;
}

您需要在焦点上设置

大纲：0

。如果要在导航栏项上删除它，可以使用代码段中的代码

否则，使用

a:focus{outline:0 none；}覆盖所有链接

检查自定义CSS优先级顺序是否更高，即放在引导文件之后

.navbar.navbar-inverse.navbar品牌{
颜色：#fff；
}
.navbar.navbar-reverse.navbar导航>li>a{
颜色：#fff；
}
/*添加代码*/
.navbar inverse.navbar nav>.active>a:focus{
大纲：0；
}

引导盒


















右对齐导航栏
一些文本