jQuery UI对话框删除外部发光并更改关闭按钮的文本

Question

我试图自定义我的jQuery UI确认对话框窗口。无法找到如何删除按钮上的淡蓝色外发光（悬停时），将关闭文本按钮从“关闭”更改为“ x”以及删除关闭按钮悬停背景的方法。是否有一些有关所有对话框类的文档？

这是代码：

function fnComfirm(title, content, btnId) {
    $("#dialog:ui-dialog").dialog("destroy");
    $("#dialog-confirm p").text(content);
    $("#dialog-confirm").dialog({
        title: title,
        resizable: false,
        height: 200,
        width: 486,
        modal: true,
        buttons: {
            "OK": function() {
                $( this ).dialog("close");
                if (btnId) document.getElementById(btnId).click();                  
                return true;        
            },
            Cancel: function() {
                $( this ).dialog("close");
                return false;
            }
        }
    });
    $('body').css('overflow','hidden');
    $("div[role=dialog] button:contains('Cancel')").css("background-image", "none").css("border", "0px solid #FFF");
    $('.ui-dialog :button').blur();     
}

HTML：

<div id="dialog-confirm" title="Are you sure?"><p></p></div>

包括：

<h:outputScript library="js" name="jquery-ui-1.8.min.js" />

Answer 1

要更改关闭按钮的文本，您可以传入一个标题，如title（在对话框创建中），称为closeText。

$("#dialog-confirm").dialog({
    title: title,
    closeText : 'hello' //Changes the text of the titlebar-close button to hello instead of default Close
    ...
    ...
})

并要从关闭按钮中删除外发光（焦点），可以进入css来显示titlebar-close并将markout属性标记为零，如下所示：

.ui-dialog .ui-dialog-titlebar-close {
   outline: 0;
 }