jQuery UI对话框删除外部发光并更改关闭按钮的文本
我正在尝试自定义jQuery UI确认对话框窗口。找不到如何从按钮(悬停时)移除浅蓝色外发光,将关闭文本按钮从“关闭”更改为“x”,并移除关闭按钮悬停背景。 有关于所有对话框类的文档吗 代码如下: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
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取决于您使用的主题。请添加显示一些代码的链接我不需要主题,我想应用我的风格。做了一部分,只有几件事需要完成。