Material ui 材质ui中的透明AppBar（反应）

有没有一种方法可以将我的材质ui

AppBar

组件的背景属性更改为透明，而无需实际更改CSS

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

下面是我在Stripe网站上的意思的一个例子

---

您可以将其背景色更改为透明，并通过以下方式移除框阴影：

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

---

内联样式实现了这一点，因此非常感谢。但是我对这种方法感到有点不舒服，因为我们通常不会使用内联样式——有或没有React

我深入研究了一下，试图找到更适合这个框架的东西，这就是我想到的

// in App.js
const GlobalCss = withStyles({
  '@global': {
    '.MuiAppBar-root': {
      background: 'transparent',
      boxShadow: 'none'
    }
  }
})(() => null)

然后需要将标记插入到标记中，对我来说，标记是：

<div>
  <GlobalCss />
  <Router>
    .
    .
    .

.
.
.

文件的相关部分包括：

• CSS规则覆盖，在
• 设置全局CSS，位于

有没有一种方法可以在不内联的情况下实现这一点？另一种方法可以是创建自定义主题，但如果内置主题中除appbar背景之外的所有其他内容都适合您，则上述方法是最快的解决方案ok。我试图在文件顶部使用一个包含

AppBar

组件的

styles

变量，然后使用

export default with styles（styles）（AppBarComponentHere）

出于某种原因，无论我怎么做都无法工作。你的AppBar类是这样的吗？我让它工作了。appBar:{background:'transparent'，boxShadow:'none'}，我一直在寻找它的位置。感谢您指出。从文档和感谢中，

提供的任何其他道具都将提供给根元素（纸张）。

比公认的answerPerfect更好的解决方案，谢谢。