Custom style to jQuery UI dialogs

See https://jsfiddle.net/qP8DY/24/

You can add a class (such as “success-dialog” in my example) to div#success, either directly in your HTML, or in your JavaScript by adding to the dialogClass option, as I’ve done.

$('#success').dialog({
    height: 50,
    width: 350,
    modal: true,
    resizable: true,
    dialogClass: 'no-close success-dialog'
});

Then just add the success-dialog class to your CSS rules as appropriate. To indicate an element with two (or more) classes applied to it, just write them all together, with no spaces in between. For example:

.ui-dialog.success-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}