The formrenderingtools application uses a set of default CSS classes. So you may want to write a CSS stylesheet. Here is the list of classes that are used.
The following CSS classes are applied on default form elements:
ul.errorlist{} /* non field error list container */
ul.errorlist li{} /* non field error */
.formItem{} /* container for each field (field errors, label, input and help text) */
.formItem.required{} /* fields that are required */
.formItem.hasErrors{} /* fields that have errors */
.formItem ul.errorlist{} /* field error list */
.formItem ul.errorlist li{} /* field error */
.formItem label{} /* field label */
.formItem.required label{} /* label of required fields */
.formItem.hasErrors label{} /* label of fields that have errors */
.formItem .help{} /* container for field help text */
You may also declare additional styles for inputs.
Notice that hidden fields are not rendered in a “formItem” container.
If the input is not hidden, then the HTML name of the field is appended as a CSS class at the field container level.
As an example, customizing the CSS class “.formItem.email” and children will affect only the form fields named “email”.