blockUI tip for removing inline styles

Quick tip! While using blockUI, I found the need to zap some CSS styles that were being added, inline, by the plugin. It took me a few minutes, but the answer was pretty simple (though not explicitly mentioned in the documentation). Just add “null” as the style’s value, like this:

$('#element').block({
    message: "You shall not pass!",
    css: {
        backgroundColor: null,
        border: null
    }
});

For even more customization, simply add a custom class through chaining, like this:

$('#element').block({
    message: "You shall not pass!"
}).find('.blockMsg').addClass('notification');

Leave a Reply