html - Bootstrap 4 外部内容切换器大纲

Question

嗨!我从 v4 Bootstrap 组件添加了一个新的外部内容导航，并更改了图像的 .navbar-toggler-icon。当我点击那个图标/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