如何在 angular 5 中覆盖 ngbPopover 的 CSS？

Question

我正在使用 ng-bootstrap 并想为弹出框内容添加自定义 CSS。我正在尝试在 app.component.css 中应用，但它没有在 popover-body 中应用。

Answer 1

您可以使用 ViewEncapsulation.None。这意味着“样式被包裹在样式标签中并被推到头部”

@Component({
  selector: 'my-app',
  template: `
...  `,
  styles:[`.popover-title{background-color:black;color:white}`],
  encapsulation: ViewEncapsulation.None
})