Question

当我选择一行时，我使用了kendo ui；默认的背景颜色是粉红色。当前代码不包含单击行然后设置背景色的任何信息。

我的问题是如何根据需要更改它？假设我要在选择行时将其设置为蓝色。

export class AppComponent {
public gridData: any[] = products;

public checkboxOnly = false;
public mode = 'multiple';
public selectableSettings: SelectableSettings;

constructor() {
    this.setSelectableSettings();
}

public setSelectableSettings(): void {
    this.selectableSettings = {
        checkboxOnly: this.checkboxOnly,
        mode: this.mode
    };
}
}

StackBlize

Answer 1

颜色由以下CSS规则设置：

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    background-color: rgba(255,99,88,0.25);
}

您可以添加自己的CSS来覆盖它。

您还可以覆盖SASS变量以更改整个应用程序中的某些颜色，在这种情况下为$selected-bg或$grid-selected-bg。此处更多信息：https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization/

选择一行时如何更改默认背景色？

1 个答案: