I'm looking to personalize the color of the "Export To Excel" button provided by the Kendo grid UI in the toolbar:
https://i.sstatic.net/UYug5.png
While I've successfully altered the color of the toolbar itself using the following definition in Site.css:
.k-grid-toolbar {
background-color: white;
background-image: none;
}
...adding similar style definitions for .k-grid-toolbar-button, .k-grid-button, or .k-grid-toolbar-item hasn't affected the button color.
I also attempted expanding the toolbar statement like this:
$('#search_grid').kendoGrid({
toolbar: [
{
name: 'excel',
text: 'Download to Excel'
}
],
... and experimenting with "attributes", "class", or "style" in this definition. While I managed to modify the button text, changing the button color has proven elusive. Any tips on how to achieve that?
Thank you all for your support. This site has been a great resource for me, and this is my first time posting here.