How can i add background color to button area only?

Question

if i add background:#e7eef9; to jQuery("#div_element").dialog, this will be appended to whole dialog. How can i append this to buttons area only?

function test(buttonEl)
{
    jQuery("#div_element").dialog({
         resizable: false,
         height:200,
         modal: true,
         width: 300,
         buttons: {
            Cancel: function() {
                 jQuery( this ).dialog( "close" );
            }
         }
    });
}

Answer 1

Use the general sibling combinator ~.

CSS:

#div_element ~ .ui-dialog-buttonpane button {
    background: e7eef9;
}