title: How do I change the color of the Kendo Grid toolbar "Download to Excel" button?
body: <p>I'd like to customize the color of the "Export To Excel" button which the Kendo grid UI provides in the toolbar:</p>
  
  <p><a href="https://i.stack.imgur.com/UYug5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UYug5.png" alt="screenshot of Kendo Grid toolbar with button"></a></p>
  
  <p>I've been able to change the color of the toolbar <em>itself</em> using this definition in Site.css:</p>
  
  <pre><code>.k-grid-toolbar {
      background-color: white;
      background-image: none;
  }
  </code></pre>
  
  <p>...but adding similar style definitions for .k-grid-toolbar-button, .k-grid-button or .k-grid-toolbar-item doesn't change the button color.</p>
  
  <p>I also tried expanding the toolbar statement:</p>
  
  <pre><code>$('#search_grid').kendoGrid({
      toolbar: [
          {
              name: 'excel',
              text: 'Download to Excel' 
          }
      ],
  </code></pre>
  
  <p>... and specifying "attributes", "class" or "style" in this definition. I can change the button <em>text</em>, but not the color. How can I change the button color?</p>
  
  <p>Many thanks to you all. I've learned so much from this site but this is my first post.</p>