如何在 select 行时更改默认背景颜色？

Question

当我select编辑一行时，我使用了kendoui；默认背景颜色为粉红色。当前代码不包含单击行然后设置背景颜色的任何信息。

我的问题是如何根据我的要求ui修改它？假设我想在 select 行时显示蓝色。

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/

如何在 select 行时更改默认背景颜色？

How to change the default background color when select a row?

kendo-ui

kendo-ui-angular2