自定义样式未应用于 Angular 6 中的 kendo 网格

Question

您好，我正在尝试将自定义样式添加到 kendo 网格中的选定行，但未应用。

以下是我在该组件css文件中的代码

:host ::ng-deep .modal-dialog .k-grid td.k-state-selected, .k-grid tr.k-state- 
 selected>td {
background-color:lightgreen;
}

我已经联系了 telerik 支持，他们要求我在 ts 文件中添加 encapsulation:ViewEncapsulation.None，但是在添加样式后，所有组件都应用了样式，所以我找不到为什么它没有得到应用。

在 Whosebug 上的一个问题中，我发现 :host ::ng-deep 通过添加它会起作用，所以我尝试了但仍然不起作用。

我的 Kendo-Grid 在 Bootstrap 模态弹出窗口上。

Answer 1

它通过进行以下更改对我有用

:host ::ng-deep .modal-dialog .k-grid td.k-state-selected,:host ::ng-deep .k-grid tr.k- 
state-selected>td {
background-color:lightgreen;
}