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"
        }
      }
    }
  }
}

实时演示