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

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

скриншот панели инструментов Kendo Grid с кнопкой

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

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

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

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

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

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

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


person Kevin J    schedule 25.10.2018    source источник


Ответы (1)


Попробуйте это в своем css:

.k-grid .k-header .k-button {
    background-color: red;
}
person arcscp    schedule 25.10.2018