想要删除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;
    }
}