引导 4 外部内容切换器大纲

Question

嗨！我从 v4 Bootstrap 组件添加了一个新的外部内容导航，并更改了图像的 .navbar-toggler-icon。当我单击该图标/img时，有一个我讨厌的蓝色轮廓，我希望它消失，但我完全不知道该怎么做。

x:hover,
x:active,
x:focus {
 outline: none;
 border: 0px;
}

根本不起作用。

随意查看网站上的代码

Answer 1

如果你把outline:none放在按钮本身上，那么蓝色就会消失。 像这样：

.navbar-toggler:focus {
    outline:none;
}

这是一个代码笔，它可以工作。 抱歉，我复制了您所有的html，因此图像都损坏了：http://codepen.io/egerrard/pen/bgpORY