Change the color of Toolbar on primefaces

Question

I wanted to change the background color of Toolbar what the tag would be

<p:toolbar>
    <f:facet name="right">
        <h:commandButton value="Sair" style="color: "/>
    </f:facet>
</p:toolbar>

Answer 1

When accessing your page through the browser, go on inspect element, click on the object you want to know the information and look for the tag class, in the case of Toolbar of the first faces has the information of all the elements that make up the object.

class="ui-toolbar ui-widget ui-widget-header ui-corner-all ui-helper-clearfix"

In your css you declare the class

.ui-toolbar {
    background-color: red;
}

In this case every time you call Toolbar will come this information, if you want this color application only in a tag, the right would be you create a styleClass.

<p:toolbar styleClass="teste">
    <f:facet name="right">
        <h:commandButton value="Sair" style="color: "/>
    </f:facet>
</p:toolbar>

..

.teste {
        background-color: red;
    }