无法在 Angular 中自定义 Kendo-Window

Question

我正在为 Angular 使用 Kendo UI，我正在尝试将 header 的颜色更改为自定义颜色，但我无法做到。

我试图用蓝色覆盖默认颜色并将以下代码添加到我的组件的 css 文件中。

/deep/ .k-window-titlebar * {
           background-color:blue !important;
}

这就是我得到的。

我想把它完全改成蓝色。我是网络开发新手，如有任何帮助，我们将不胜感激。

Answer 1

这里的问题是 css 选择器中的 *。

使用选择器 .k-window-titlebar *，您可以为 .k-window-titlebar 中的元素 设置样式，但在您的情况下，您想要设置 .k-window-titlebar 的样式本身.

/deep/ .k-window-titlebar { background-color: blue; }

Example

Unable to customize Kendo-Window in Angular