css - 如何更改“ Material UI”对话框边框的粗细和颜色？

您好，我正在尝试从Material UI向对话框添加一个外部框架。我正在尝试这样做，但是什么也没发生：

overrides: {
  MuiDialog :{
    paper : {
      borderWidth : 10,
      borderRadius: 10,
      borderColor : "#FFFFFF",
      backgroundColor : "#101010"
    }
}, .......

您知道在MUI主题中使用替代方法吗？

谢谢

最佳答案

我看到的主要问题是您没有设置border-style。以下作品：

const theme = createMuiTheme({
  overrides: {
    MuiDialog: {
      paper: {
        borderWidth: 10,
        borderRadius: 10,
        borderColor: "#fff",
        borderStyle: "solid",
        backgroundColor: "#101010",
        color: "#fff"
      }
    }
  }
});