自定義樣式未應用到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;
}