gpt4 book ai didi

html - Bootstrap Scrollspy : Remove Box Highlighting. 仅文本

转载 作者:行者123 更新时间:2023-11-28 01:52:53 25 4
gpt4 key购买 nike

(我在这个上使用 bootstrap 3.3.7)

嗨。我想对我的 bootstrap 导航栏产生影响,即在用户所在的任何部分(我在我的单页网站上使用标签),只需滚动即可自动突出显示导航栏中的文本。我已经设置了丢弃 anchor 链接...

因此,通过为 body 标签添加这些附加属性,到目前为止效果很好

<body data-spy="scroll" data-target=".navbar-collapse"> 

...但是有一个问题。我只希望导航栏中的文本看起来很活跃,突出显示。但是正如您在图片(上例)中看到的那样,现在在突出显示的导航栏链接周围有一个类似的框。它不知从何而来。我怎样才能摆脱它,所以当它处于事件状态时只有文本颜色稍微浅一点? Look on the image here. The upper example is the problem now, and the bottom one is how I would like it, but with using scrollspy. So not that black box.

提前问候并感谢我的 friend 们

最佳答案

您需要更改 <a> 的事件状态标签的背景为无。 Bootstrap 将 active 类添加到 li使用 scrollspy 滚动时包含链接。所以它会像下面这样:

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{
background:none;
}

在上面的示例中,我也包括了悬​​停和焦点状态,但是如果您想更改这些状态​​,您也可以通过图像中的颜色自行更改我假设您使用的是 navbar-inverse如果您正在使用其他类似 navbar-default 的东西你将不得不相应地改变它。

关于html - Bootstrap Scrollspy : Remove Box Highlighting. 仅文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49825874/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com