jQueryUI小部件内容按钮错误

我注意到如果你有以下几点

<div class="ui-widget-content">
   <div class="ui-icon ui-icon-plus"></div>
</div>

它实际上不起作用，因为ui小部件背景会弄乱按钮图标：( 有人知道这个错误吗

已编辑 问题是

ui小部件内容上的
background
，它配置了背景位置及其背景url
我不知道
（s）
可以初始化为一个按钮

<div class="ui-icon ui-icon-plus"></div>

我找到了一份工作，但不是很漂亮

$.each('.ui-icon',function(i,n){
    var iconclass= $(n).attr('class');
    $(n).removeAttr('class');
    $(n).button({
        icons:{
            primary: iconclass
        }
    });
});

问题在于“交互状态”选择器将所有背景属性汇总到一个声明中，这使得子选择器无法覆盖单个属性：

原稿是这样的：

.ui-state-default, 
        .ui-widget-content .ui-state-default, 
        .ui-widget-header .ui-state-default { 
            border: 1px solid #dddddd;
            background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
            font-weight: bold; 
            color: #0073ea; 
      }
.ui状态默认值，
.ui小部件内容.ui状态默认值，
.ui小部件头.ui状态默认值{
边框：1px实心#dddddd；
背景：#F6F6F6URL（图像/ui-bg_highlight-soft_100_f6f6f6_1x100.png）50%50%重复-x；
字体大小：粗体；
颜色：#0073ea；
}
将背景分解为两个单独的声明，它就会起作用：

.ui-state-default, 
        .ui-widget-content .ui-state-default, 
        .ui-widget-header .ui-state-default { 
            border: 1px solid #dddddd;
            background-color: #f6f6f6; 
            background-image: url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
            font-weight: bold; 
            color: #0073ea; 
      }
.ui状态默认值，
.ui小部件内容.ui状态默认值，
.ui小部件头.ui状态默认值{
边框：1px实心#dddddd；
背景色：#f6f6f6；
背景图片：url（图片/ui-bg_highlight-soft_100_f6f6f6_1x100.png）50%50%repeat-x；
字体大小：粗体；
颜色：#0073ea；
}
注意：这与您将其设置为按钮（）这一事实无关——它仅与HTML/CSS位有关

.ui-state-default, 
        .ui-widget-content .ui-state-default, 
        .ui-widget-header .ui-state-default { 
            border: 1px solid #dddddd;
            background-color: #f6f6f6; 
            background-image: url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
            font-weight: bold; 
            color: #0073ea; 
      }