Customizing default styles on input components
Customizing default styles on input components is a special task often asked about by the PrimeFaces users. They also ask for a recommended method for removing styles on form components. The reason to do that can be a company style guide and corporate identity throughout all applications.
In this recipe, we will find out a way to customize the PrimeFaces styles on input components and see if it is possible at all to disable theming on such components.
How to do it...
We will develop two groups of components having input elements. The first group is styled with the PrimeFaces default styles (here the Home theme). The second one has a custom styling. We have removed the border, background, shadow, and round corners on them. Furthermore, we have changed the styling of disabled inputs. Disabled elements get assigned the ui-state-disabled style class, so that we can adjust it as we want. Generally, to distinguish between input and non-input elements...
