自定义样式未应用于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文件中添加封装：ViewEncapsulation.None，但是在添加了样式后，所有组件都应用了样式，所以我无法找到为什么它没有被应用。

在stackoverflow的一个问题我发现：host :: ng-deep通过添加它将工作所以我尝试但仍然无法正常工作。

我的Kendo-Grid在Bootstrap Modal Popup上。

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;
}