React bootstrap 如何删除“上的蓝色背景”;主动的;NavDropdown.Item是否在使用LinkContainer时显示?

React bootstrap 如何删除“上的蓝色背景”;主动的;NavDropdown.Item是否在使用LinkContainer时显示?,react-bootstrap,React Bootstrap,在react引导中使用LinkContainer时,“活动的”会以背景色获得蓝色。 例如: 我没有React引导的经验,但我猜它得到了伪类:active 所以你必须做一些类似的事情: a:active { background-color: white } 解决方案(假设我们希望添加绿色作为背景): 单击链接时,即显示活动链接时:- a、 下拉项:活动{ 背景颜色:绿色; } 使颜色保留在活动导航下拉列表中。项目: a、 活动。下拉列表项{ 背景颜色:绿色; } 或 您可以在LinkCo

在react引导中使用
LinkContainer
时,“活动的”
会以
背景色获得
蓝色。
例如:


我没有React引导的经验,但我猜它得到了伪类
:active

所以你必须做一些类似的事情:

a:active {
  background-color: white
}
解决方案(假设我们希望添加绿色作为背景):

  • 单击链接时,即显示活动链接时:-

    a、 下拉项:活动{ 背景颜色:绿色; }

  • 使颜色保留在活动导航下拉列表中。项目:

    a、 活动。下拉列表项{ 背景颜色:绿色; } 或

    您可以在
    LinkContainer


  • 谢谢虽然这不是确切的答案,但这个概念帮助我解决了这个问题。
    a .active.dropdown-item {
      background-color: white
    }
    
    a:active {
      background-color: white
    }