插件为对话框的每一个部分都提供了一个CSS类名，很容易实现CSS的自定义：
类名 描述.dialog-overlay 模态对话框时，的背景遮盖层。
.dialog 对话框的CSS。
.dialog .bar 标题栏的CSS。包含了标题和关闭按钮。
.dialog .bar .title 标题栏的标题部分。
.dialog .bar .close 标题栏的关闭按钮部分。
.dialog .content 内容部分。
你可以直接修改这些CSS类，进行全局的修改，也可以通过id加类名的方式修改某一个对话框。
复制代码 代码如下:
/* 只修改id为#dialog的对话框。 */
#dialog1 .bar
{
text-transform:lowercase;
}
// 通过id属性指定对话框的id。
new Dialog('text',{id:'dialog1'});
在线演示代码
代码打包下载
您可能感兴趣的文章: