如何使用自定义按钮而不是jquery ui按钮？

如何实现自定义图像而不是jquery对话框按钮？有标准的按钮，但我已经设计了新的按钮使用photoshop与extension.png。所以我想用.png按钮代替jquery对话框按钮

我希望通过css有选择，但如果你给我一个小例子，它将对我非常有帮助

jQuery("#dialog-form").dialog ({ 
 autoOpen: false,
  height: 600,
  width: 700,
  modal: true,
  resizable: false,
  draggable: false, 
  buttons : {
    "Search" : function() { // dialog button need to be customize.

---

从页面中删除以下代码

$（函数（）{
$（“输入[type=submit]，一个按钮”）
.按钮（）
});

然后像普通css一样使用自定义按钮{ 背景；url（'yourmage.png'）

}试试这个？演示

创建自定义关闭按钮

$(document).ready(function(){
    $("#dialog-model").dialog({
        create: function (event, ui) {
            $('.ui-dialog-titlebar').css({'background':'none','border':'none'});
            $(".ui-dialog-titlebar").html('<a href="#" role="button"><span class="myCloseIcon">close</span></a>');
            $("#dialog-model").css({ 'font-family': 'Helvetica', 'padding': '0', 'font-size': '12px' });
        },
        width: 250,
        height: 150,       
        modal: true,
        resizable: false
    });

    $("span.myCloseIcon").click(function() {
        $( "#dialog-model" ).dialog( "close" );
    });
});    

$（文档）.ready（函数（）{
$（“#对话框模型”）.dialog({
创建：函数（事件、用户界面）{
$（'ui dialog titlebar'）.css（{'background'：'none'，'border'：'none'）；
$（“.ui对话框标题栏”）.html（“”）；
$（“#对话框模型”）.css（{'font-family'：'Helvetica'，'padding'：'0'，'font-size'：'12px'）；
},
宽度：250，
身高：150，
莫代尔：是的，
可调整大小：false
});
$（“span.myCloseIcon”）。单击（函数（）{
$（“#对话框模型”）。对话框（“关闭”）；
});
});    

我正在使用类似jquery按钮的按钮：{“搜索”：函数（）{}..在问题部分更新。你的意思是弹出窗口按钮把你的css类名放在这里，这样你就可以添加你的图像了。类名{border:none；background:url（'/forms/demo.png'）不重复左上角；padding:2px 8px；}没有伙伴，我在对话框中询问有搜索按钮-这需要自定义。没有打开对话框链接。我在jquery对话框中有4个按钮，所以这个按钮类将反映哪个按钮？如何指定每个按钮？

$(document).ready(function(){
    $("#dialog-model").dialog({
        create: function (event, ui) {
            $('.ui-dialog-titlebar').css({'background':'none','border':'none'});
            $(".ui-dialog-titlebar").html('<a href="#" role="button"><span class="myCloseIcon">close</span></a>');
            $("#dialog-model").css({ 'font-family': 'Helvetica', 'padding': '0', 'font-size': '12px' });
        },
        width: 250,
        height: 150,       
        modal: true,
        resizable: false
    });

    $("span.myCloseIcon").click(function() {
        $( "#dialog-model" ).dialog( "close" );
    });
});