Question

我想在right中更改expandIcon的{{1}}属性：

ExpansionPannel

默认情况下，<ExpansionPanel> <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}> <Typography className={classes.heading}>Expansion Panel 1</Typography> </ExpansionPanelSummary> <ExpansionPanelDetails> <Typography> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. </Typography> </ExpansionPanelDetails> </ExpansionPanel>的属性ExpandMoreIcon为right。我想将其更改为8px，所以我尝试了：

-8px

我也需要这个const styles = theme => ({ expandIcon: { right: "-8px" } }) ... <ExpansionPanelSummary className={classNames(classes.myCustomClass, {expandIcon: classes.expandIcon})} expandIcon={<ExpandMoreIcon />} >。

但是，这不会覆盖CSS。另外，设置myCustomClass也无济于事。

Answer 1

发现我的问题，这是拼写错误！

我必须将覆盖的类传递给classes道具，而不是className！

<ExpansionPanelSummary 
    className={classes.myCustomClass}
    classes={{expandIcon: classes.expandIcon}} 
    expandIcon={<ExpandMoreIcon />}
>

覆盖子组件中的Material-UI CSS

1 个答案: