How add additional css classes to description field in webform component?

Question

I want to add additional CSS classes to webform component description field.

in default mode, this item is wrapped inside a div element with "description" class like below:

<div class="description">here is description text</div>

Now I want to add extra CSS classes beside description.

How can I do this? via a module and form alter operation or via theme functions hook?

Please guide me.

Answer 1

you can do this by using jquery on ready do this something like

jQuery(document).ready(function() {
         jQuery('#YOUR_FORM_ID .description').addClass('new-desc-class');
}); 

Answer 2

Looks like you are looking for webform classes module:

A simple, small add-in that adds an editable class against each webform component to the webforms module.

Then, in your CSS use .class-on-form-element .description instead of .class-on-description - one word more, but works just as well.