如何更改 Kendo Grid 工具栏“下载到 Excel”按钮的颜色？

Question

我想自定义 Kendo 网格 UI 在工具栏中提供的“导出到 Excel”按钮的颜色：

我已经能够使用 Site.css 中的定义更改工具栏的颜色本身：

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

...但是为 .k-grid-toolbar-button、.k-grid-button 或 .k-grid-toolbar-item 添加类似的样式定义不会改变按钮颜色。

我也尝试过扩展工具栏语句：

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

...并在此定义中指定“属性”、“类”或“样式”。我可以更改按钮 text，但不能更改颜色。如何更改按钮颜色？

非常感谢大家。我从这个网站学到了很多东西，但这是我的第一篇文章。

Answer 1

在你的 CSS 中试试这个：

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