如何使用CSS选择Bootstrap的折叠菜单按钮

Question

我试图选择默认的bootstrap折叠菜单按钮背景颜色，所以每当我悬停或点击时，背景颜色会发生变化，但是我们无法通过CSS找到类/ ID来选择它

这是我的网站：davidliu.co - 调整浏览器窗口大小以显示菜单按钮。

Answer 1

默认按钮悬停效果位于bootstrap.min.css下：

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

您可以在那里进行编辑，也可以通过将#menu-button:hover {background-color:/*your color here*/;}添加到main.css文件来覆盖它。