When people fill in incorrectly in my webform, the error message will output as follow, e.g:
<div class="alert alert-block alert-danger"> <a class="close" data-dismiss="alert" href="#">×</a> <h4 class="element-invisible">Error message</h4> <ul> <li>Name* field is required.</li> <li>Email field is required.</li> <li>Contact No. field is required.</li> <li>Comment field is required.</li> </ul> </div>
Now, I wonder is there way I can add a CSS class to this message so that I can target this particular message that fired by this particular webform. e.g
<div class="alert alert-block alert-danger webform"> ........ </div>
or even more specific, add the ID to the message .e.g
<div class="alert alert-block alert-danger" id="message-webform-client-block-212"> .... </div>