angular 模态如何改变.modal-body padding

Question

enter image description hereCSS：图片显示第一个css有效，第二个无效

.large-Modal .modal-dialog{
  width:800px;
}

.large-Modal .modal-dialog .modal-content .modal-body {
  padding: 10px!important;
}

JS:

var modalInstance = $uibModal.open({
    templateUrl: 'checkDetailModel.html',
    controller: 'checkDetailModalCtrl',
    windowClass: 'large-Modal',
    resolve: {
        epInfoDetail: function () {
            return epInfoDetail;
        }
    }
});

如何使 .large-Modal .modal-dialog .modal-content .modal-body CSS 工作？

Answer 1

我是这样做的，效果很好：

显然这是在 .css 文件中

.app-large-window .modal-dialog {
    width: 900px;
}

和windowClass: 'large'

angular 模态如何改变.modal-body padding

angular modal how to change .modal-body padding

padding

angularjs

bootstrap-modal