Question

我只是试图设置对话框的宽度，但我还没有成功（还）。我添加了一个CSS类，但宽度设置是对话框阴影之一。

.dialogwidth800 {
    width : 800px;
}
...
ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default dialogwidth800',
    scope: $scope
}).then(

编辑：这里用工作解决方案纠正了小提琴：https://jsfiddle.net/jr626fww/8/

Answer 1

使用下面的自定义css可以轻松实现：

.ngdialog.ngdialog-theme-default.custom-width-800 .ngdialog-content {
    width: 800px;
}
.ngdialog.ngdialog-theme-default.custom-width-900 .ngdialog-content {
    width: 900px;
}

打开 ngDialog 时使用这些css类：

使用 custom-width-900

ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default custom-width-800',
    scope: $scope
});

使用 custom-width-900

ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default custom-width-900',
    scope: $scope
});

Answer 2

使用类.ngdialog-content{width :100px !important;}应用宽度使用！important对于覆盖任何css属性非常重要

如何在ngDialog中设置对话框宽度

2 个答案: