Пользовательский стиль не применяется к сетке кендо в Angular 6

Question

Привет. Я пытаюсь добавить пользовательский стиль для выбранных строк в сетке кендо, но он не применяется.

Ниже приведен мой код в файле CSS этого компонента

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

Я связался со службой поддержки Telerik, они попросили меня добавить инкапсуляцию: ViewEncapsulation.None в файле ts, но после добавления, что стиль применяется ко всем компонентам, поэтому я не могу найти, почему он не применяется.

В одном из вопросов о stackoverflow я обнаружил : 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;
}