Bootstrap的导航栏列表项在单击时更改其颜色

Question

我在Bootstrap的导航栏中遇到了一个问题。 当我右键单击其中一个列表项（链接）将其重定向到另一个页面时，它保持颜色为橙色（即实际上是悬停颜色），当我在导航栏外单击时，颜色变为默认颜色（即绿色）。 为什么一切都在发生？

我认为即使在点击右键后也应保持默认的绿色。 下面是导航栏的图片，我右键单击它以移动到购物页面。

CSS代码

.navbar-default .navbar-nav > li > a {

  color: #6ecd6e;
  font-size:15.7px;
  font-weight:400;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffb600;
}

Answer 1

CookieUtil.getCookieUtil(context).initCookieHandler();

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #666;
  float: left;
  padding: 20px;
}
li {
  float: left;
  margin-right: 10px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {
  color: #6ecd6e;
  font-size: 15.7px;
  font-weight: 400;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #ffb600;
}

在这种基于所描述的右键单击的特殊情况下...正在发生的是右键单击导致链接被聚焦，这就是链接保持橙色的原因。在我的例子中，我移动了a：焦点到宣布绿色的地方。