更改活动视图的链接颜色 UI-Router

Question

我正在使用 hack 将当前视图作为活动状态。在这里看到：

<div class="navlinks1" ng-class="{active: $state.includes('myanmar')}"}>
    <a ui-sref="myanmar">Myanmar</a>
</div>

我的 CSS 看起来像这样：

.navlinks1{
    margin:0;
    padding:0;
    border-bottom:1px solid #e6e6e6;
    font-size:14px;
    margin-left:0px;
}

.navlinks1.active {
    background-color: #bdecff;
    color:#ffffff !important; 
}

.navlinks1 a:active {
    color:#ffffff !important; 
}

这样可以改变背景。没有改变的是链接颜色。我怀疑 a:active 不起作用。

有谁知道如何使用 UI-Router 更改活动链接的颜色，以使指向当前视图的链接具有不同的颜色？

谢谢。

Answer 1

这应该可以正常工作，我认为问题在于您的链接样式：

.navlinks1 a:active {
    color:#ffffff !important; 
}

如果您希望在 $state.includes('myanmar') 时更改这些链接颜色，您的 css 规则应如下所示：

.navlinks1.active a {
    color:#ffffff !important;
}