Блог

Главная - Вопросы по программированию - Изменить цвет значка ошибки в material UI stepper

Изменить цвет значка ошибки в material UI stepper

#css #reactjs #material-ui

#css #reactjs #материал-пользовательский интерфейс

Вопрос:

Я пытаюсь изменить цвет значка material UI stepper всякий раз, когда он выходит из строя. Существует множество подклассов CSS, которые нужно выяснить, и я перепробовал все возможные комбинации, которые я могу придумать.

CSS элемента, который я хочу изменить, отображается следующим образом, когда я нажимаю проверить элемент:

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

Я пытался получить доступ к цвету, чтобы изменить его на оранжевый, но пока безуспешно. Самое близкое, что я получил для редактирования значков, — это завершенные значки с кодом:

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

},

однако то же самое, но с ошибкой, похоже, работает.

Есть идеи, на какой подкласс CSS мне следует ориентироваться?

TIA