Как я могу отключить некоторые CSS пользовательского интерфейса для ListItem

Question

Я использую компонент Material-UI ListItem и хотел бы избавиться от цвета фона по умолчанию.Я уже пробовал использовать классы, но мое значение перезаписывается следующим образом:

Как отключить это правило по умолчанию?

Answer 1

Вы можете глобально переопределить стиль для любого компонента пользовательского интерфейса материала.

Найдите точку в своем приложении, где вы вызываете createMuiTheme, и добавьте и overrides поле, подобное этому.

 const theme = createMuiTheme({
     palette: {
         /* you should already have stuff here, keep it */
     },
     typography: {
         /* you should already have stuff here, keep it */
     },

     overrides: {
         MuiListItem: {
             root: {
                 backgroundColor: "red",
             },
         },
     },
 });