带有父引用的reactjs MUI重写样式

带有父引用的reactjs MUI重写样式,reactjs,material-ui,mui-datatable,Reactjs,Material Ui,Mui Datatable,我想用父引用覆盖特定组件,比如datatable上的搜索输入文本,现在我覆盖整个输入以实现这一点 overrides:{ mycomponentselector: { MuiPaper: { MuiTabs: { PrivateTabIndicator: { root: { backgroundColor: 'red'

我想用父引用覆盖特定组件,比如datatable上的搜索输入文本,现在我覆盖整个输入以实现这一点

overrides:{ 
    mycomponentselector: { 
       MuiPaper: {
          MuiTabs: {
              PrivateTabIndicator: {
                  root: {
                     backgroundColor: 'red'
                  }
              }
          }
       }
   } 
}

这是一个示例,我想删除输入搜索数据表上的下划线,但最终覆盖了整个输入

很抱歉我的解释不好,
提前感谢

以下是仅当组件位于父组件内部时才可以选择该组件的方法(在本例中,父组件是

现场演示

我上面的代码工作得很好,但我想要的是如何在覆盖ex:PhoneComp:{MuiInput:{underline:{上添加父选择器,以便我可以将覆盖作为目标,并且只在PhoneComp@RickyOrlandoNapitupulu我已经更新了我的答案和现场演示,请看一看。
overrides: {
  MuiCard: {
    root: {
      "& .MuiInputBase-root:not(.Mui-disabled)": {
        "&::before, &::after": {
          borderBottom: "none !important"
        }
      }
    }
  }
}