想要删除Boostrap移动导航按钮边框

Question

这是我的第一篇文章。我的网站（zidanmarketing.com）正在使用bootstrap，当移动按钮处于活动状态时，有一个我无法删除的蓝色边框。我该如何解决这个问题？

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus
{
background:none !important;
border-color:none !important;
}

Answer 1

.navbar-toggle {
  border: none;
  outline: none;
}

对于767px及以下的定位，通常在移动按钮触发的位置尝试此操作。

@media (max-width: 767px) {
    .navbar-toggle {
      border: none;
      outline: none;
    }
}

Answer 2

尝试使用outline: 0;

蓝色轮廓是Chrome和其他浏览器上按下按钮的默认值。大纲0应该有固定的！

Answer 3

Customizing Bootstrap

确保在自举链接后自定义Bootstrap CSS链接自定义样式表。