reactjs - reactjs MUI覆盖样式与父参考

Question

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

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

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

我很抱歉我的解释不好，在此先感谢

Answer 1

以下是仅当组件位于父组件内时才能选择组件的方法（在此示例中，父组件是Card）

overrides: {
  MuiCard: {
    root: {
      "& .MuiInputBase-root:not(.Mui-disabled)": {
        "&::before, &::after": {
          borderBottom: "none !important"
        }
      }
    }
  }
}

现场演示