Question

I have noticed that if you have the following

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

and make the ui a button like so

$('.ui-icon').button();

It doesn’t really work as the ui-widget background messes the button icon. 🙁
anyone knows about this bug?

Edited
The problem is the background on the ui-widget-content which dispositions the background position and its background url

Answer 1

Well I found a work around but not very pretty

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