引导菜单 CSS

Question

我已经使用引导程序创建了一个站点，但不知何故我无法按照我的意愿制作菜单。

My site with the problem

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

例如，如果假设您点击“品牌/徽标”然后向下滚动，“主页”会保持白色，直到您到达网站的位置，从“主页”到“ydelser”然后'ydelser'变成白色背景

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

**注意**

如果我点击“ydelser”并滚动到顶部，则可以通过随机点击网站上的任意位置来移除白色背景 - 如果这有助于以某种方式解决问题。

我尝试了什么

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

Answer 1

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

您的问题似乎出在您必须通过 CSS 调整的 :focus 中。

执行以下操作：

.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
}

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