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