Material-ui 样式对话框/模态背景

Question

如何为 material-ui 对话框或模式的透明深色叠加层设置样式？我正在使用 material-ui/React/Typescript.

我希望它不是透明的深色，而是透明的白色。我更喜欢 JSS 解决方案，但欢迎使用内联样式。

Answer 1

你可以使用模态的BackdropProps 属性:

<Modal
          aria-labelledby="simple-modal-title"
          aria-describedby="simple-modal-description"
          open={this.state.open}
          onClose={this.handleClose}
          BackdropProps= {{
              classes: {
                  root: classes.backDrop
              }
          }}
        >

并在您的样式对象中：

...
backDrop: {
    background: 'rgba(255,255,255,0.2)',
  },

Material-ui 样式对话框/模态背景

Material-ui style dialog / modal backdrop

css

typescript

material-ui

jss

react-tsx