自定义样式未应用到Angular 6中的剑道网格

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，但是在添加了样式已应用于所有组件之后，所以我无法找到为什么未应用样式的原因。

在关于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;
}