Question

我在我的asp.net视图中使用Jquery UI Dialog，如下所示：

$("#dialog-dial-prefix").dialog({
        autoOpen: false,
        modal: true,
        width: 470,
        resizeable: true,
        buttons: {
            "OK": function () {
 $(this).dialog("close");

                                }


                      ,
                       "Cancel": function () {
                           $(this).dialog("close");
                            var selectedDialPrefix = $("#SelecteddialprefixId").val();
                            $("#" + selectedDialPrefix).focus();
                        }
        }
    });

此对话框有两个按钮确定和取消。我想将自定义图像（我将其作为png图像）应用于这些按钮。如何添加按钮并删除显示为Ok的文本并在Jquery ui对话框按钮上取消

Answer 1

你可以通过覆盖按钮的默认css

来实现这一点

.ui-dialog .ui-dialog-buttonpane button { 
    text-indent: -9999em; /* hides the text */
    color: transparent; /* also hides text */
    background-image: url(/path/to/image.png); /*replaces default image */
    background-repeat: no-repeat;
}

如果要定位特定对话框，请添加对话框的ID

jquery ui对话框上的自定义图像

1 个答案: