Bootstrap 4外部内容切换器轮廓

Question

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

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

根本不起作用。

随意查看Website

处的代码

Answer 1

如果你将outline:none放在按钮上，那么蓝色就会消失。类似的东西：

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

这是一个有效的codepen。对不起，我复制了你所有的HTML，所以图片都破了： http://codepen.io/egerrard/pen/bgpORY