set toolbar's background color

How to change the background-color of the toolbar？ i have set the css or style, but it not work

Hi!

You can try any of the following methods to change the background color:-

1. Try to change background from dom, as an example:-

Code:

---


YourComponent.getTopToolbar().getEl().dom.style.background = 'red';

---

2. Override 'background-color' in css and do not forget to add !important

This also works:

Code:

---

{
    xtype: 'toolbar',
    style: {
      background: 'red'
    },
    <...>
}

---

set ur config style like this...{ xtype: 'toolbar', style: { "background": "your color" }, <...>}