RichFaces provides a mechanism to apply RichFaces skinning principles to standard components!

This feature provides styling for standard HTML form elements so that the share a commmon look'n'feel with RichFaces component skins. There are two general approaches to apply skins to these elements:

• Automatic: Toggled via a context param this approach will attempt to skin many standard components using element names and type attributes where possible. No additional steps are required from an application developer.
• Manual: RichFaces also provides a set of CSS style classes that can be manually assigned to controls.

The automatic approach also has 2 levels of support:

1. Standard - customization of only basic style properties.
2. Extended - extends basic level introducing customizations of a broader number of style properties

Skinning level is calculated automatically at server side depending on user agent info.

Here is a skinned form example. Note there is no styling in sources of that form

For more details on this setup and configuration of these features (including how to selectively disable skinning) please review RichFaces documentation.