如何覆盖angular 5中ngbPopover的CSS？

在Angular 5中，可以通过覆盖ngbPopover的CSS来自定义样式。ngbPopover是Angular Bootstrap库中的一个指令，用于创建弹出框。

要覆盖ngbPopover的CSS，可以按照以下步骤进行操作：

1. 创建一个自定义的CSS文件，例如custom.css。
2. 在custom.css中，使用选择器来选择ngbPopover的元素或类，并定义所需的样式。可以使用常见的CSS属性，如颜色、背景、边框等。
3. 在Angular项目中的任何一个组件中，将custom.css文件引入到组件的样式文件中。可以使用相对路径或绝对路径来引入。
4. 在组件的模板文件中，使用ngbPopover指令，并通过popoverClass属性将自定义的CSS类应用于ngbPopover。

以下是一个示例：

custom.css文件内容：

.custom-popover {
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #ccc;
  padding: 10px;
}

组件的样式文件（例如app.component.css）：

@import './path/to/custom.css';

组件的模板文件（例如app.component.html）：

<button type="button" [ngbPopover]="'Popover content'" popoverClass="custom-popover">Open Popover</button>

在上面的示例中，custom-popover类被应用于ngbPopover，并且定义了一些自定义的样式。

请注意，这只是一个简单的示例，您可以根据需要自定义更多的样式。另外，如果您在使用ngbPopover时遇到任何问题，可以参考Angular Bootstrap的官方文档或社区支持。