自定义CSS
插件为对话框的每一个部分都提供了一个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′});
在线演示代码
代码打包下载
