物料ui包含的按钮样式被MuiButtonBase-root覆盖

提问者：小点点

我正在使用material-ui和React。我有一个简单的包含按钮，使用

 <Button variant='contained' color='primary'> Edit</Button>

但是，该按钮看起来不像是包含的按钮。正如这里的截图所示。

经过进一步调查，我发现。muibutton-containedprimary样式被。muibutton-base-root样式所取代，这张截图取自chrome开发工具。

有人能让我知道怎么修吗？

共1个答案

匿名用户

.muibuttonbase-root应该是保存颜色代码的那个，而不是.muibuttonbase-root

您的按钮示例实际上是您在代码中使用的那个吗？我可以看到它有一个primary类，这意味着使用propcolor，这将导致:

<Button variant="contained" color="primary">
   Edit
</Button>

重新检查添加的classnames，并确定哪一个实际上正在覆盖颜色。