我使用两个星云主题:光明和黑暗。组件将库中的HTML结果绑定到innerHtml,如下所示:
<div [innerHtml]="songHtml"></div>我应用自定义css来对此内容进行样式化。为了让它发挥作用,我补充道
@Component({
[...]
encapsulation: ViewEncapsulation.ShadowDom,
})现在我需要应用这样的主题颜色:
@include nb-install-component() {
.chords-color-red {
color: nb-theme(text-color-red)
}
}但这行不通..。我读到这不能与ViewEncapsulation一起工作。
我也尝试过(但没有成功):
.nb-theme-dark
有办法让它起作用吗?谢谢
发布于 2021-06-07 21:14:46
我终于找到了一些东西,但它不漂亮。
删除了ViewEncapsulation
前面添加了:ng:--
注: ng-deep不受欢迎,但我没有找到其他方法让它工作。
https://stackoverflow.com/questions/67840357
复制相似问题