如何设置$ 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

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

optionPane = new JOptionPane(...);
dialog = optionPane.createDialog(null, "the title");
dialog.setModal(false);
dialog.show();

Answer 2

你可以尝试

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

因为md-dialog不是一个类，所以它是指向哪个角度材料预定义