CSSのスタイルを変更できない

[Yuisei-Maruyama]

下記のような形で記述しても、反映されない。　　

<StepLabel sx={{ color: "white" }}>{label}</StepLabel>

[Yuisei-Maruyama]

解決方法

material UI の style から下記のようにデフォルトスタイルを書き換える。

import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    root: {
      "& .MuiStepLabel-label.Mui-active": { color: "white" },
      "& .MuiStepLabel-label.Mui-completed": { color: "white" },
      "& .MuiSelect-icon": { color: "white" }
    }
  })
)

const Stepper: React.FC<Props> = (props: Props) => {

  const classes = useStyles()

  return (
    <StepLabel className={classes.root}>{label}</StepLabel>
  )