在材质UI步进器中更改错误图标的颜色

时间:2020-11-05 16:05:46

标签: css reactjs material-ui

我试图在材质UI步进器图标失败时更改其颜色。有很多CSS子类可以找出,我已经尝试了所有我能想到的组合。

我想要更改的元素的CSS如下所示:

.MuiStepIcon-root.Mui-error{
    color: #B9251C;
}

我尝试访问该颜色将其更改为橙色,但到目前为止还没有运气。我最需要编辑图标的是带有代码的完整图标:

step: {
'& $completed': {
  marginTop: '50%',
  fontSize: '20px',
  height: '40px',
  width: '40px',
  color: theme.palette.success.main,
  border: ' 0.05em solid grey',
  borderRadius: '100%',
},

},

但是同样的事情却出错了,似乎确实有效。

有什么想法我应该针对哪个CSS子类?

TIA

0 个答案:

没有答案