如何更改角度4中的引导程序的模态内容的背景颜色

Question

我想更改模态内容的引导程序模型背景颜色，但是无法更改模态内容的背景颜色，请提供帮助。

{{'MEDIA_PAGE.media_materials_title'|翻译}}

<app-asset></app-asset>
</modal-content>
<modal-footer >
  <button type="button" class="btn btn-default cancel-button" (click)="addModel.close()">{{'SHARED.Actions.cancel' | translate}}</button>
  <!-- <button type="button" class="btn btn-primary yes-button" (click)="ManagePublishNews(newsItem.id,false);addModel.close()">{{'SHARED.Actions.confirm' | translate}}</button> -->
</modal-footer>

enter code here

Answer 1

您可以像这样向html添加样式

<modal-content style="background-color:red;">  </modal-content>

Answer 2

只需覆盖该元素的CSS，并在CSS之后使用！important关键字以确保其被覆盖。例如：

.modal-content {
    background: #f9a81a !important;
    border: 1.5px solid grey;
}