Переопределение вложенного класса пользовательского интерфейса материала

Question

Я использую muiSelect, и есть селектор css, который я пытаюсь перезаписать:

.MuiSelect-select.MuiSelect-select

Как я могу переопределить это? Я уже пробовал пару вещей, таких как

MuiSelect: {
  select: {
    "& $MuiSelect-select":
  }
}

Что, похоже, не работает

Answer 1

Попробуйте:

MuiSelect: {
  select: {
    '&&': { ... },
  }
}

Это строка исходного кода , в которой задано значение по умолчанию (paddingRight: 24px), и клавиша темы mui для его отмены - '&&' , Я смог найти это, сначала найдя исходный код нативного компонента select, а затем поиска значение css, которое отображалось в элементе dom, который я пытался переопределить.