材料-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}>