Bootstrap 4 外部内容切换器大纲

【问题标题】：Bootstrap 4 External content toggler outlineBootstrap 4 外部内容切换器大纲
【发布时间】：2017-01-12 23:14:50
【问题描述】：

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

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

根本不起作用。

欢迎查看Website的代码

【问题讨论】：

【解决方案1】：

如果您将outline:none 放在按钮本身上，那么蓝色就会消失。比如：

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

这是一个可以运行的代码笔。对不起，我复制了你所有的 html，所以图像都坏了： http://codepen.io/egerrard/pen/bgpORY

【讨论】：