更改kendo dropdownlist Angular 6的默认背景颜色

Question

我想更改 Kendo 下拉列表中的默认颜色（灰色），有人可以帮助我如何做到这一点吗？

应用程序.html

<kendo-dropdownlist
    #list
    [data]="data"
    [filterable]="true"
    textField="text"
    valueField="value"
    (filterChange)="handleFilter($event)" 
    (selectionChange)="Change($event)"
    [valuePrimitive]="true"
    formControlName = selectSize
>
</kendo-dropdownlist>

应用程序组件.ts

export class AppComponent {
@ViewChild("list") list;

public source: Array<{ text: string, value: number }> = [
    { text: "Small", value: 1 },
    { text: "Medium", value: 2 },
    { text: "Large", value: 3 }
];

Answer 1

要更改下拉列表的颜色，您需要覆盖 kendo dropdownlist 类，如下所示

样式.css

.k-dropdown-wrap>.k-input, .k-dropdown .k-dropdown-wrap .k-select, .k-list, .k-reset {
    background-color: lightblue;
}

这是 stackblitz 上的解决方案