css - 如何更改 Material UI Dialog 边框的粗细和颜色？

Question

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

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

您知道在 MUI 主题中使用覆盖的方法吗？

谢谢

标签： cssreactjsdialogmaterial-uiborder

Answer 1

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

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