材料-ui中的透明AppBar(React)

Question

有没有办法将我的material-ui AppBar组件的background属性更改为透明而无需实际更改CSS？

我尝试过不透明度属性,但这会降低组件内所有内容的不透明度.

以下是我在Stripe网站上的意思.

Answer 1

您可以将其背景颜色更改为透明,并以这种方式删除框阴影:

<AppBar position="static"  style={{ background: 'transparent', boxShadow: 'none'}}>

Answer 2

<AppBar color="transparent" elevation={0}>