无法更改 kendos 标签条文本颜色

Question

一段时间以来，我一直在使用 kendos 库研究 angular。我最近制作了一个包含选项卡的模式。选项卡中的内容按要求提供，但问题是我无法更改选项卡标题的文本颜色。文本具有默认的红色。 我尝试了很多东西，比如尝试给出样式，添加 [ngClass] 指令。但没有任何效果对我有用。我查看了文档，但什么也没得到。

请帮忙

提前致谢

Answer 1

最可能的原因是view encapsulation。

基本上，视图封装，默认设置为emulated，意味着每个组件的样式都封装到组件的视图中，不影响其他组件。这也意味着在父组件中定义的样式不会影响子组件。

您在包含 Kendo TabStrip 组件的组件中定义的样式不会穿透 TabStrip 的视图封装。

要强制样式穿透视图封装，请在 CSS 选择器中使用 :host ::ng-deep，如下所示：

:host ::ng-deep .k-tabstrip-items .k-item .k-link {
    color: blue;
}

注意：::ng-deep 伪类已弃用，不应正式使用，但仍然没有替代品，因此我们只能使用它，直到替代品出现。

注意 2：:host 选择器用于限制 ::ng-deep 对当前组件及其子组件的影响，并防止其影响其他组件。