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

使用通用兄弟组合器 ~。

CSS：

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