Primefaces styling component class with CSS

Question

How can I change properties of component using CSS?

Let\'s say I have two buttons:

Answer 1

PrimeFaces overrides your css with the default rules for the parent form.

You can define your css for the form like this:

form .smallButton{
   font-size:11px;
}

or you can use the !important keyword:

.smallButton{
   font-size:11px !important;
}

See also:

• PrimeFaces: how to override CSS class
• PrimeFaces overrides my custom CSS style