Переопределения темы Material-UI для `withStyles` в Backstage?

Question

Как я могу переопределить тематику компонента в Material-UI, к которому применены стили?

Когда я смотрю на рассматриваемый компонент, я вижу в DOM следующее:

Я пытаюсь изменить стиль Backstage и сейчас смотрю на компонент MuiSelect. Backstage скорректировал стиль MuiSelect, переопределив CSS с помощью withStyles. Глядя на DOM, я пытаюсь настроить CSS, который применяется через WithStyles(ForwardRef(InputBase))-input-75764 учебный класс.

За кулисами Select.tsx Компонент, стили определяются следующим образом:

      const BootstrapInput = withStyles((theme: Theme) =>
  createStyles({
    root: {
      'label + &': {
        marginTop: theme.spacing(3),
      },
    },
    input: {
      borderRadius: 4,
      position: 'relative',
      backgroundColor: theme.palette.background.paper,
      border: '1px solid #ced4da',
      fontSize: 16,
      padding: '10px 26px 10px 12px',
      transition: theme.transitions.create(['border-color', 'box-shadow']),
      fontFamily: 'Helvetica Neue',
      '&:focus': {
        background: theme.palette.background.paper,
        borderRadius: 4,
      },
    },
  }),
)(InputBase);

Как с помощью Material-UIs createTheme можно настроить таргетинг на эти стили?

Answer 1

Здесь есть руководство о том, как переопределить стили для именованных компонентов Backstage.

Для компонентов Backstage, для которых недоступны переопределяющие имена, их можно добавить , например, в этом запросе на включение .