时间戳

首页 > 解决方案 > 如何摆脱 ngbootstrap 应用的默认类

css - 如何摆脱 ngbootstrap 应用的默认类

问题描述

我将 ngbootstrap 用于弹出框，但我想覆盖它附带的所有默认样式。我有一个表单，应该在单击按钮时显示为弹出框，它有自己的样式。

当我使用 [ngbPopover] 时，它会渲染一个应用了默认类“popover”的元素，而不是覆盖其每个属性以符合我的期望，是否可以在页面上渲染时将其全部删除，然后我可以使用带有 popoverClass 属性的自定义类。

<ng-template #popContent><user-form></user-form></ng-template>
<button type="button" class="btn btn-outline-secondary" [ngbPopover]="popContent">
  I've got markup and bindings in my popover!
</button>

标签： cssangularng-bootstrap

解决方案

查看弹出框源代码，我看到很多类都被钉牢而没有机会改变它们。我想唯一有希望的方法是从导入中排除 popover 组件的 css。怎么做取决于你如何导入 Bootstrap css

推荐阅读