reactjs – 如何更改React Material UI上的Stepper颜色？

发布时间：2020-12-15 20:18:07 所属栏目：百科来源：网络整理

导读：在上面的屏幕截图中,我试图将步骤颜色更改为：绿色表示正确,黄色表示正在进行,红色表示不正确. 我怎么能这样做？解决方法老问题,但万一有人在看. 您需要编辑主题并将其包装在getMuiTheme中 import getMuiTheme from 'material-ui/styles/getMuiTheme'const

enter image description here

在上面的屏幕截图中,我试图将步骤颜色更改为：绿色表示正确,黄色表示正在进行,红色表示不正确.

我怎么能这样做？

解决方法

老问题,但万一有人在看.

您需要编辑主题并将其包装在getMuiTheme中

import getMuiTheme from 'material-ui/styles/getMuiTheme'

const muiTheme = getMuiTheme({
    stepper: {
        iconColor: 'green' // or logic to change color
    }
})

<MuiThemeProvider muiTheme={muiTheme}>
    <Stepper>
        ...
    </Stepper>
</MuiThemeProvider>

有关组件及其默认颜色调色板的完整列表,请参阅https://github.com/callemall/material-ui/blob/master/src/styles/getMuiTheme.js.

您将看到可以基于每个组件覆盖颜色和/或更改整体主题颜色.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!