jquery - 如何仅将背景颜色添加到按钮区域？

Question

如果我将 background:#e7eef9; 添加到 jQuery("#div_element").dialog，这将附加到整个对话框。我如何才能将其仅附加到 buttons 区域？

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

Answer 1

使用 general sibling combinator ~。

CSS:

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