更改 kendo 下拉列表的默认背景颜色 angular 6
Change the default background color of kendo dropdownlist angular 6
我想更改 Kendo 下拉列表中的默认颜色(灰色),有人能帮我怎么做吗?
app.html
<kendo-dropdownlist
#list
[data]="data"
[filterable]="true"
textField="text"
valueField="value"
(filterChange)="handleFilter($event)"
(selectionChange)="Change($event)"
[valuePrimitive]="true"
formControlName = selectSize
>
</kendo-dropdownlist>
app.component.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 }
];
要更改下拉列表的颜色,您需要重写 kendo 下拉列表 类,如下所示
style.css
.k-dropdown-wrap>.k-input, .k-dropdown .k-dropdown-wrap .k-select, .k-list, .k-reset {
background-color: lightblue;
}
我想更改 Kendo 下拉列表中的默认颜色(灰色),有人能帮我怎么做吗?
app.html
<kendo-dropdownlist
#list
[data]="data"
[filterable]="true"
textField="text"
valueField="value"
(filterChange)="handleFilter($event)"
(selectionChange)="Change($event)"
[valuePrimitive]="true"
formControlName = selectSize
>
</kendo-dropdownlist>
app.component.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 }
];
要更改下拉列表的颜色,您需要重写 kendo 下拉列表 类,如下所示
style.css
.k-dropdown-wrap>.k-input, .k-dropdown .k-dropdown-wrap .k-select, .k-list, .k-reset {
background-color: lightblue;
}