Remplacement de l'icône Fermer d'une boîte de dialogue JQueryUI

Après d'interminables recherches sur ce sujet, je n'ai pas été en mesure de trouver une réponse, alors j'espère que quelqu'un peut m'aider avec ce problème. J'ai un relativement de base de la boîte de dialogue:

$("#dialog-search").dialog({
    resizable: false,
    height:dimensionData.height,
    width: dimensionData.width,
    modal: true,
    title: dimensionData.title,
    position: [x,y],
    open: function() {
        $("#dialog-search .dateField").blur();
    },
    close: function(event, ui){
       callBack(event,ui);
    }
});

Ce que je veux faire est de remplacer l'icône X (ui-icon-fermer) avec une icône différente fournie par l'interface utilisateur (ui-icon-moins), de sorte qu'en cliquant sur l'icône "moins" ferme la boîte de dialogue. J'ai vu des posts sur la façon de masquer l'icône ou la remplacer par une image personnalisée dans le css, mais je n'ai pas encore trouvé un moyen de remplacer l'icône avec une autre icône pour effectuer la même fonctionnalité.

Edit: je veux aussi être capable d'utiliser ui-icon-close pour une fonctionnalité différente dans ma boîte de dialogue ajout d'un comportement personnalisé/emplacement, mais qui peut être en dehors du champ d'application de cette question. Hésitez pas si c'est une solution liée à la, si.

source d'informationauteur Axle