Toolbar background color

How to customize the toolbar background color? The t Screenshot (488).png


1 Reply

SK Satheesh Kumar Balasubramanian Syncfusion Team December 23, 2021 10:17 AM UTC

Hi Belle, 
  
Greetings from Syncfusion Support. 
  
We have validated your requirement and would suggest you to use the below customized style to change toolbar background color. 

  
Index.razor: 
<style> 
    .e-toolbar .e-tbar-btn.e-btn .e-icons.e-chevron-left { 
        color: red; 
    } 
  
    .e-toolbar .e-tbar-btn.e-btn .e-icons.e-chevron-right { 
        color: red; 
    } 
    .e-toolbar, 
    .e-toolbar .e-toolbar-items, 
    .e-toolbar .e-tbar-btn { 
        background-color: yellow; 
    } 
</style> 
  
Kindly try the above sample and let us know if this meets your requirement. 
  
Regards, 
Satheesh Kumar B 


Loader.
Up arrow icon