Question

使用Bootstrap v3.3.4开箱即用，没有自定义CSS。

当点击汉堡包按钮时，导航按照预期的方式展开，虽然按钮本身处于“按下”模式，只有在点击页面上的其他位置时才会返回到正常状态。

任何人都知道如何让汉堡包按钮在点击后立即恢复正常状态？

这是我所指的按钮，以避免混淆：

<button class="navbar-toggle" data-toggle="collapse">...

Answer 1

这是因为按钮保持焦点，并且引导样式。

更改伪选择器:focus的样式：

.navbar-default .navbar-toggle:focus{
    background-color: transparent;
}

请注意，您需要重新应用:hover个样式，因为当按钮聚焦和悬停时，:focus样式优先：

.navbar-default .navbar-toggle:hover{
    background-color: #ddd;
}