首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >星云主题和原始HTML

星云主题和原始HTML
EN

Stack Overflow用户
提问于 2021-06-04 15:55:25
回答 1查看 114关注 0票数 0

我使用两个星云主题:光明和黑暗。组件将库中的HTML结果绑定到innerHtml,如下所示:

代码语言:javascript
复制
<div [innerHtml]="songHtml"></div>

我应用自定义css来对此内容进行样式化。为了让它发挥作用,我补充道

代码语言:javascript
复制
@Component({
    [...]
    encapsulation: ViewEncapsulation.ShadowDom,
})

现在我需要应用这样的主题颜色:

代码语言:javascript
复制
@include nb-install-component() {
    .chords-color-red {
        color: nb-theme(text-color-red)
    }
}

但这行不通..。我读到这不能与ViewEncapsulation一起工作。

我也尝试过(但没有成功):

.nb-theme-dark

  • safeHtml
  • ::ng-深管(含消毒剂)并去除ViewEncapsulation

有办法让它起作用吗?谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-07 21:14:46

我终于找到了一些东西,但它不漂亮。

删除了ViewEncapsulation

  • I
  1. ,将我想要应用到innerHTML中的每个css::ng深{}
  2. 点2)不与nb-install组件一起工作,所以我将每个nb-主题放在:ng深{}之外,并在每个css组

前面添加了:ng:--

注: ng-deep不受欢迎,但我没有找到其他方法让它工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67840357

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档