Изменение цвета фона выбранного элемента в kendo ui mutiselect angular

Question

Я пытаюсь выполнить kendo ui multiselect, что-то вроде приведенного ниже кода. Но мне нужно изменить цвет фона выбранного элемента с красного на какой-то другой цвет. Я попытался дать пользовательский CSS во всплывающих настройках, но все же он не работает. Большинство гугл-ответов даны в jquery, но они мне нужны в угловых 4. Не могли бы вы помочь мне

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
<p>Custom values are <strong>enabled</strong>. Type a custom value.</p>

<p>primitive data</p>
<div class="example-wrapper">
    <kendo-multiselect
        [data]="sizes"
        [value]="selectedSizes"
        [allowCustom]="true"
        (valueChange)="onSizeChange($event)"
    >
    <ng-template kendoMultiSelectCustomItemTemplate let-customText>
        <strong>{{ customText }}</strong>
    </ng-template>
    </kendo-multiselect>
</div>
  `
})
export class AppComponent {
public sizes: Array<string> = [ "Small", "Medium", "Large" ];
public selectedSizes: Array<string> = [];

public onSizeChange(value) {
    this.selectedSizes = value;
}
}

Answer 1

Добавьте следующий CSS к вашему компоненту:

/deep/ .k-item.k-state-selected {
    background-color: green !important;
}