React JS - 如何在 Dialog 的 PaperProps 中添加样式 (material-ui)

Question

我正在使用来自 material-ui ReactJs 的对话框组件。

<Dialog fullScreen open={this.state.open}
  PaperProps={{ classes: {root: classes.dialogPaper} }}
  onClose={this.handleClose.bind(this)} transition={this.props.transition}>
  {this.props.children}
</Dialog>

在上面的代码中，我已经覆盖了 PaperProps 的根类。现在我还想覆盖 PaperProps 中的样式。是否可以在 PaperProps 中覆盖样式。

类似于PaperProps={{ classes: {root: classes.dialogPaper}, style:{} }}

如果我错了请告诉我。我也想覆盖样式。

Answer 1

我得到答案

<Dialog
{...otherProps}
  PaperProps={{
    style: {
      backgroundColor: 'transparent',
      boxShadow: 'none',
    },
  }}
>
  {/* ... your content ... */}
</Dialog>

这就是我们如何在对话框组件的 PaperProps 中放置样式。

Answer 2

<Dialog
  PaperProps={{
    style: {
      backgroundColor: 'Blue',
      color:'black'
    },
  }}
>
</Dialog>

React JS - 如何在 Dialog 的 PaperProps 中添加样式 (material-ui)

React JS - How to add style in PaperProps of Dialog (material-ui)

overriding

dialog

inline-styles

reactjs

material-ui