如何设置$mdDialog 的最大宽度？

Question

我是 css 的新人，无法正确设置确认对话框的最大宽度。这是我调用对话框的代码：

this.$mdDialog.show({
  content: longText,
  ok: 'OK',
  cancel: 'CANCEL'
  clickOutsideToClose: true,
});

问题是我的 longText 没有进行，而且我的对话框在水平方向上拉伸得很厉害。我尝试在本地添加 style.less 并像这样确定 max-width：

.md-dialog {
  max-width: 300px;
}

但是没有变化。有人可以帮助我吗？

Answer 1

要达到你想要的效果，你应该使用这种方式：

.md-dialog-content {
  max-width: 300px;
}

Answer 2

你可以试试

md-dialog{
max-width: 300px;
}

因为 md-dialog 不是 class 它是 angular material 预定义

的指令

How to set up the max-width of $mdDialog?