Question

我想在bootstrap navbar-default上删除点击元素的颜色，因为我对data-spy和点击元素有点问题（如果我手动滚动到另一部分，我在停留之前点击的链接用颜色）。

我想删除点击的链接颜色，但我希望保留data-spy颜色。任何人都知道如何做到这一点？

我试过

.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

但它删除了两种颜色

Answer 1

使用:visited和:active选择器代替:focus。

Answer 2

如果将来有人遇到同样的问题，我会像这样解决它

/*Changes the color of the navigation text*/
.navbar-default .navbar-nav li a {
        color: #fff;
    }

/*Removes background color and text color from navigation items on hover & on focus*/
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
    color: #fff;
    background: transparent;
}

/*Removes background color and changes the text color of active items using scroll-spy*/
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus {
    background: transparent;
    color: #ccc;
}

Answer 3

试试这个：

.navbar-default .navbar-right > li > a, 
.navbar-default .navbar-right > li > a:hover, 
.navbar-default .navbar-right > li > a:active,
.navbar-default .navbar-right > li > a:visited,
.navbar-default .navbar-right > li > a:focus
{ 
    color: #fff; background: transparent;
} 

.navbar-default .navbar-right > li.dropdown > a, 
.navbar-default .navbar-right > li.dropdown > a:hover, 
.navbar-default .navbar-right > li.dropdown > a:active,
.navbar-default .navbar-right > li.dropdown > a:visited,
.navbar-default .navbar-right > li.dropdown > a:focus
{ 
    color: #fff; background: transparent;
}

如何从navbar-default删除链接上的点击颜色

3 个答案: