1

我正在使用 Angular 9 和 ngx-bootstrap 5.6.1

在我的角度 ts 文件中，我引用了本地 css 文件。

在该文件中，我的 .modal-content 类中有一些 css，我想用它来覆盖 ngx-bootstap 提供的默认 modal-content 类。像宽度和高度这样的东西。

当我这样做时，它会被忽略。我可以通过 Chrome 看到样式表已加载。所以我尝试添加我!important的每个值，但仍然没有奏效。然后我将 css 移出并将其放在 html 组件中，但仍然无法正常工作。

官方文档显示了一个针对模板的自定义类：

this.modalRef = this.modalService.show(
      template,
      Object.assign({}, { class: 'gray modal-lg' })
    );

因此，在我的 ts 文件中，我添加, Object.assign({}, {class: 'modal-content'})了对 show 的调用，但它仍然无法正常工作。然后我重命名了班级，仍然没有喜悦。如果我将 modal-content 类添加到全局 styles.css 文件中，然后执行以下操作：

this.modalRef = this.modalService.show(
          template);

模板正确显示。麻烦的是，样式需要是本地的，因为其他模态模板需要根据内容等具有不同的样式。那么，我如何在本地覆盖 .modal-content 。

4

0 回答 0