Javascript 如何删除材质UI中扩展面板的边框？

如何删除Material UI中扩展面板区域的边框？

尝试编辑

扩展面板类的css（我猜您指的是框阴影，没有边框）


这对我有帮助
 这适用于版本“@material ui/core”：“4.9.9”

可以使用以下内容应用于整个主题：

const theme = createMuiTheme({
  overrides: {
    MuiExpansionPanel: {
      root: {
        '&:before': {
          display: 'none'
        },
      },
    },
  }
}

或者，如果只需要一个组件，则可以通过类样式隐藏：

import { makeStyles } from '@material-ui/core/styles'

....
const useStyles = makeStyles({
  hideBorder: {
    '&.MuiExpansionPanel-root:before': {
      display: 'none',
    },
  },
})

....
const classes = useStyles()

.....
<ExpansionPanel className={classes.hideBorder}>

从“@material ui/core/styles”导入{makeStyles}
....
const useStyles=makeStyles({
营养不良者：{
'&.MuiExpansionPanel根目录：在''{
显示：“无”，
},
},
})
....
常量类=useStyles（）
.....
为了消除上边框和阴影，我必须结合维克托和劳尔的答案。样式化对象最终看起来是这样的：const useStyles=makeStyles（{hideBorder:{boxShadow:'none'，'&.MuiExpansionPanel root:before'：{display:'none'，}，}，}，}，}）@Sumiya Sayeed是为你做的吗？你应该受到崇拜
const theme = createMuiTheme({
  overrides: {
    MuiExpansionPanel: {
      root: {
        '&:before': {
          display: 'none'
        },
      },
    },
  }
}

import { makeStyles } from '@material-ui/core/styles'

....
const useStyles = makeStyles({
  hideBorder: {
    '&.MuiExpansionPanel-root:before': {
      display: 'none',
    },
  },
})

....
const classes = useStyles()

.....
<ExpansionPanel className={classes.hideBorder}>