Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI对话框删除外部发光并更改关闭按钮的文本_Jquery_Jquery Ui_Jquery Ui Dialog - Fatal编程技术网

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

jQuery UI对话框删除外部发光并更改关闭按钮的文本,jquery,jquery-ui,jquery-ui-dialog,Jquery,Jquery Ui,Jquery Ui Dialog,我正在尝试自定义jQuery UI确认对话框窗口。找不到如何从按钮(悬停时)移除浅蓝色外发光,将关闭文本按钮从“关闭”更改为“x”,并移除关闭按钮悬停背景。 有关于所有对话框类的文档吗 代码如下: function fnComfirm(title, content, btnId) { $("#dialog:ui-dialog").dialog("destroy"); $("#dialog-confirm p").text(content); $("#dialog-conf

我正在尝试自定义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:

包括:

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

要更改关闭按钮文本,您可以传入一个名为closeText的选项,如标题(在对话框创建中)

$("#dialog-confirm").dialog({
    title: title,
    closeText : 'hello' //Changes the text of the titlebar-close button to hello instead of default Close
    ...
    ...
})
要从“关闭”按钮中删除outerglow(焦点),可以进入css,使标题栏关闭并将大纲属性标记为零,如下所示:

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

要更改关闭按钮文本,可以传入一个名为closeText的选项,如标题(在对话框创建中)

$("#dialog-confirm").dialog({
    title: title,
    closeText : 'hello' //Changes the text of the titlebar-close button to hello instead of default Close
    ...
    ...
})
要从“关闭”按钮中删除outerglow(焦点),可以进入css,使标题栏关闭并将大纲属性标记为零,如下所示:

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

视觉元素上的css取决于使用的主题。请添加显示一些代码的链接我不需要主题,我想应用我的风格。部分完成了,只需要完成一些事情。视觉元素上的css取决于您使用的主题。请添加显示一些代码的链接我不需要主题,我想应用我的风格。做了一部分,只有几件事需要完成。