Как изменить цвет кнопки «Загрузить в Excel» на панели инструментов Kendo Grid?

Question

Я бы хотел настроить цвет кнопки «Экспорт в Excel», которую обеспечивает пользовательский интерфейс сетки Kendo на панели инструментов:

Мне удалось изменить цвет панели инструментов самой , используя это определение в Site.css:

.k-grid-toolbar {
    background-color: white;
    background-image: none;
}

... но добавляя определения аналогичных стилей для .k-grid-кнопка панели инструментов, кнопка .k-grid или .k-grid-toolbar-item не меняет цвет кнопки.

Я также пытался расширить оператор панели инструментов:

$('#search_grid').kendoGrid({
    toolbar: [
        {
            name: 'excel',
            text: 'Download to Excel' 
        }
    ],

... и указав "атрибуты", "класс" или "стиль" в этом определении.Я могу изменить кнопку текст , но не цвет.Как мне изменить цвет кнопки?

Большое спасибо всем вам.Я многому научился на этом сайте, но это мой первый пост.

Answer 1

Попробуйте это в вашем CSS:

.k-grid .k-header .k-button {
    background-color: red;
}