重写bootstrap链接 - 焦点

Question

我正在使用bootstrap框架，并试图覆盖它的一些功能。我有它工作，除了一个。我想在单击链接时删除背景。现在点击链接，后面会显示灰色背景。问题还在于链接只是到同一页面的底部。

我已经能够使用以下代码删除此问题，但是，这样做会使背景在悬停时不显示（链接在单击时保持活动状态）

.navbar-custom .nav>li>a:hover { 
color: #585858;
background-color: #fff;
}

.navbar-custom .nav>li>a:focus {
background-color: transparent;
}

Answer 1

如果我理解正确，您应该可以将:focus替换为:active来解决您的问题：

.navbar-custom .nav>li>a:active {
    background-color: transparent;
}