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

我是CSS中的新用户，无法正确设置确认对话框的最大宽度。这里是我的呼叫代码对话框：

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

问题是，我的longText无法承载，我的对话框水平伸展。
我尝试在本地添加style.less并确定如下：

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

但是没有变化。
有人能帮我吗？

最佳答案

为了达到你想要的效果，你应该这样做：

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