如何更改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;
}