Как изменить цвет фона по умолчанию при выборе строки? - PullRequest
Новая
       26

Как изменить цвет фона по умолчанию при выборе строки?

0 голосов
/ 11 ноября 2019

Я использовал 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

1 Ответ

0 голосов
/ 12 ноября 2019

Цвет устанавливается по следующему правилу 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/

...