Как настроить стиль текста компонента вкладки пользовательского интерфейса React Material

Question

Я использую компонент Tab библиотеки компонентов пользовательского интерфейса React. Я хочу удалить любую textTransform, которую может использовать библиотека, чтобы использовать заглавные буквы для заглавных букв. Я пробовал это:

const CustomTab = withStyles({
    ".MuiButtonBase-root": {textTransform: "none"}
})(Tab);

Но, похоже, не работает, пожалуйста, помогите

Answer 1

вы должны использовать root правило , которое эквивалентно .MuiTab-root CSS имени класса:

const CustomTab = withStyles({
  root: {
    textTransform: "none"
  }
})(Tab);

пример из Material-UI do c: https://material-ui.com/components/tabs/#customized -tabs