Реагировать с панелью расширения пользовательского интерфейса материала Удалить границы

Question

Я использую библиотеку React Marterial UI в разных местах моего проекта. Теперь я добавил туда компонент ExpanelPanel (https://material-ui.com/components/expansion-panels/) и в моем проекте.

Я пытаюсь удалить границу по умолчанию, которую этот компонент имеет так:

import MuiExpansionPanel from '@material-ui/core/ExpansionPanel';
import MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
import withStyles from "@material-ui/core/styles/withStyles";

const CustomMuiExpansionPanel = withStyles(
    {
        root: {
            padding: 0,
            borderWidth: 0,
            borderRadius: 0,
            borderColor: "rgba(0,0,0,0)",
            margin: 0
        },
        expanded: {
            padding: 0,
            borderWidth: 0,
            borderRadius: 0,
            borderColor: "rgba(0,0,0,0)",
            margin: 0
        }
    }
)(MuiExpansionPanel);

const CustomMuiExpansionPanelDetails = withStyles(
{
        root: {
            padding: 0,
            borderWidth: 0,
            borderRadius: 0,
            borderColor: "rgba(0,0,0,0)",
            margin: 0
        },
        expanded: {
            padding: 0,
            borderWidth: 0,
            borderRadius: 0,
            borderColor: "rgba(0,0,0,0)",
            margin: 0
        }
    }
)(MuiExpansionPanelDetails);

Однако, похоже, он не работает, граница все еще там

Answer 1

Как я вижу, границы панели расширения MaterialUI берутся из свойства box-shadow MuiPaper.

Вы можете попробовать

boxShadow: "none"