javascript - 如何更改 Kendo Grid 工具栏 "Download to 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' 
        }
    ],

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

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

Answer 1

在你的 CSS 中试试这个:

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