Bootstrap 菜单 CSS

Question

我已经用 bootstrap 制作了一个网站，但不知何故我无法让菜单按我想要的方式显示。

My site with the problem

如果您点击让我们说 'Ydelser' 然后滚动回到顶部，'Ydelser' 和 'Home' 现在都是白色的，我希望那时只有家是白色的。

例如，假设您点击 'the brand / the logo'，然后向下滚动，'Home' 将保持白色，直到您到达网站所在位置，它从 'home' 开始到 'ydelser' 然后 'ydelser' 变成白色背景

从字面上看，我希望链接在活动时具有白色背景，而当它们停止活动时，背景应该与其他链接一样。

** 注意**

如果我单击 'ydelser' 并滚动到顶部，可以通过随机单击网站上的任意位置来删除白色背景 - 如果这能以某种方式帮助解决问题。

我尝试了什么

我基本上尝试了我所知道的一切，尝试更改大多数 a:active、a:hover css 代码，但似乎没有任何效果。

Answer 1

编辑： 更新了 CSS 以包含 .active a:focus 元素

看来您的问题出在 :focus 上，您必须通过 CSS 进行调整。

执行以下操作：

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:focus {
   background-color: transparent; /* You can also try !important if it just keeps including the background color in there */
}

如果您愿意，还可以添加一些额外的样式属性。

Answer 2

出现此问题是因为您在 :focus 上对那些 li 项目使用了相同的代码

.navbar-default .nav>li.active>a:focus {
    //code for css is here
}

第 44 行 Multisupport.css。单击按钮后，这会强制使用相同的 css 样式。去掉那个焦点，应该没问题。

Bootstrap 菜单 CSS

Bootstrap menu CSS

html

css

hover

navbar

twitter-bootstrap