Question

I am using the jQuery Validation Plugin

How do I change the generated error messages display value to inline-block when not hidden?

I have tried with CSS but the jQuery overwrites this.

Answer 1

Use the errorClass option to specify the class assigned to error messages and error elements:

$(".selector").validate({
   errorClass: "invalid"
})

<style type="text/css">
  .invalid {
    display: inline-block !important;
  }
</style>

See the documentation for validator options:

http://docs.jquery.com/Plugins/Validation/validate#options