Angular-ng-bootstrap-NgbModal Popup windowClass属性不起作用

时间:2019-01-16 10:16:43

标签: css angular twitter-bootstrap typescript ng-bootstrap

我有一个Modal弹出窗口,我想增加它的宽度。

这是角度代码

openTaskDetails(content) {
const options : NgbModalOptions={
  size : 'lg',
  windowClass :'mycustomClass'
}
this.modalService.open(content ,options).result.then((result) => {
  this.saveTask(result);
}, (reason) => {
  console.log(reason);
});
}

并且CSS是

.mycustomClass .modal-lg {
      width : 80% !important;
      max-width: 90% !important;
      background-color:red;
}

size属性可以正常工作,但windowClass不能。 我尝试过

.mycustomClass {
       width : 80% !important;
       max-width: 90% !important;
       background-color:red;
}

但仍然存在相同的问题,弹出窗口的宽度没有增加。

当我检查元素时,我看到在HTML内插入了类名mycustomClass,但是找不到CSS。

0 个答案:

没有答案