css - 无法在 Angular 中自定义 Kendo-Window

Question

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

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

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

这就是我得到的。

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

Answer 1

这里的问题是您的 css-selector 中的 *。

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

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

Example