Reactjs 如何更改Office Fabric UI导航组件上的悬停颜色

我的react应用程序中有一个导航组件，我正在尝试更改悬停时每个项目的背景颜色。到目前为止我有-

styles={{
  link: [
    {
      backgroundColor: "#232b2b",
      selectors: {
        "&:hover": {
          backgroundColor: "red"
        }
      }
    }
  ],
  linkText: {
    color: "white"
  }
}}

但它不会改变颜色……有人知道怎么做吗？

我做到了

样式={{
链接：{
背景颜色：“#232b2b”，
选择器：{
“.ms Nav compositeLink:悬停&”：”{
颜色：“红色”，
背景颜色：“绿色”，
},
},
}，

我做到了

样式={{
链接：{
背景颜色：“#232b2b”，
选择器：{
“.ms Nav compositeLink:悬停&”：”{
颜色：“红色”，
背景颜色：“绿色”，
},
},
}，

我想这取决于你使用哪种导航……材质ui？、引导？@MatteoAngelotti我从fabric网站像这样导入它{nav}从“office ui fabric react/lib/Nav”中；我不知道您可以尝试用新的cssI覆盖类名，我认为这取决于您使用的是哪种类型的Nav…material ui？，bootstrap？@MatteoAngelotti我从fabric站点像这样导入{Nav}从“office ui fabric react/lib/Nav”中；我不知道您可以尝试用新的css覆盖类名