如何更改导航的活动状态？

Question

如何更改导航的活动状态？当我点击导航链接时，看起来它已将活动状态设置为li的背景更改。我希望在单击链接时设置下划线。我在css中设置这个，所以不确定我做错了什么。

有什么想法吗？

Here's a plnkr

谢谢

Answer 1

将这些行放在CSS文件中：

.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
border-bottom: 4px solid #2a3245;
background-color: #eee;
}