chrome 和 firefox 中活动菜单项上的错误 - Wordpress/CSS

Question

我正在一个Wordpress网站上工作，我不知道如何修复这个错误。 当我在单击菜单按钮后返回页面顶部时，该菜单按钮会保留颜色。它发生在Chrome和Firefox中，Safari工作正常。 我尝试了所有可能的解决方法:(

有人可以帮助我吗？这里

谢谢

Answer 1

问题是，选择器:focus设置了背景颜色和颜色。因此，当您单击菜单时，它是焦点。即使您向上滚动，焦点仍然存在。自从您到达顶部后，Home菜单将获得类active。因此，两个链接都将显示为活动状态。尝试添加此按钮以防止使链接在焦点上处于活动状态，

.navbar-default .navbar-nav > li:not(.active) > a:focus {background-color:inherit !important;color: #4c3d3d !important;}

注意：使用!important，因为其他规则已经!important。建议不要到处使用!important。

Answer 2

它的这个 css：

.navbar-default .navbar-nav > li > a:focus {
background-color: #c00000!important;
}

从 css 中删除该引用，或覆盖它。