在Angular 4中路由，更改活动链接的背景颜色
在Angular 4中路由，更改活动链接的背景颜色
提问于 2017-11-21 00:42:28
我有一个类似这样的侧边栏：
<li class="nav-item collapsed side" data-toggle="collapse" data-target="#home" ><li class="nav-item side">
<a class="nav-link" href routerLinkActive="active" routerLink="">Home <span class="sr-only">(current)</span></a>
</li>
<ul class="sub-menu collapse" id="home">
<li class="nav-item list-unstyled"><a class="nav-link" href routerLink="home/submenu-1">Submenu1</a></li>
<li class="nav-item list-unstyled"><a class="nav-link" href routerLink="home/submenu-2">Submenu2/a></li>
</ul>
<li class="nav-item side">
<a class="nav-link" routerLink="firstOption">First Option</a>
</li>
<li class="nav-item side">
<a class="nav-link"href routerLinkActive="active" routerLink="history">Second Option</a>
</li>当我单击FirstOption时，FirstOption的背景颜色会发生变化，显示它是活动的。因为我可以浏览这些选项，所以当列表处于活动状态时，我不能更改背景颜色。此外，当我打开submenu1或submenu2时，我希望第一个主页的子菜单保持打开状态。
谢谢。
回答 1
Stack Overflow用户
发布于 2018-01-24 22:50:54
使用此选项可更改背景色下拉菜单
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: #00a65a;
outline: 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47396933
复制相关文章
相似问题
腾讯云开发者
