如何删除元素中的白色背景<p>

Question

>我正在使用材质-UI 扩展面板组件，在我添加display:flex后，它会显示白色背景。图片：https://i.stack.imgur.com/it87M.jpg

我只想显示面板。

父组件

const useStyles = makeStyles(theme => ({
root: {
display: 'flex',
flexDirection: 'column'
},
appBar: {
background: "#ebe7dd"
},
menu: {
color: "#D7D0CE",
},
toolbar: {
// flexGrow: 1
},
topLeft: {
// flex: 50,
},
para: {
padding: "0.5%",
// opacity: '0'
}
}));
<div className={classes.root}>
<p className={classes.para}>
{/* <CssBaseline /> */}
<AppBar
position="fixed"
className={`${classes.root} ${classes.appBar}`}
>
<Toolbar className={classes.toolbar}>
<IconButton
aria-label="open drawer"
edge="end"
onClick={toggleDrawer('left', true)}
className={classes.topLeft}
>
<IoIosMenu className={classes.menu} />
</IconButton>
</Toolbar>
</AppBar>
<Drawer open={state.left} onClose={toggleDrawer('left', false)}>
<SideBar />
</Drawer>
</p>  
<p className={classes.para}> 
<NewsFeedCard />
</

子组件：

const useStyles = makeStyles(theme => ({
root: {
width: "35%",
float: "right",
},
details: {
alignItems: "center"
},
column: {
flexBasis: "33.33%"
},
helper: {
borderLeft: `2px solid ${theme.palette.divider}`,
padding: theme.spacing(1, 2)
},
link: {
color: theme.palette.primary.main,
textDecoration: "none",
"&:hover": {
textDecoration: "underline"
}
}
})
<div className={classes.root}>
<ExpansionPanel defaultExpanded>
<ExpansionPanelSummary
expandIcon={<ExpandMoreIcon />}
aria-controls="panel1c-content"
id="panel1c-header"
>
</ExpansionPanelSummary>
<ExpansionPanelDetails className={classes.details}>
</ExpansionPanelDetails>
<ExpansionPanelActions>
</ExpansionPanelActions>
</ExpansionPanel>
</div

Answer 1

将background-color: transparent;添加到所选元素。 例如：

p{
background-color: transparent;
}

您还可以使用!important强制覆盖样式。

p{
background-color: transparent !important;
}

注意：将样式应用于<p>，将应用于组件中的所有<p>标记。 按父包装器、Id 或类名定位<p>标记。 例如：

#header p{ background-color: transparent; }

Answer 2

Using react js

为段落标签指定一个类名，并在 css 中定位它。

例如。

<p className='paragraph-one'>
This is my paragraph with a transparent     
background!</p>

然后在 css 中：

.paragraph-one{
background-colour: transparent;
}

这应该会有所帮助。