浅析jQuery对话框的风格设置

最近有了一个jQuery对话框插件,它感觉非常强大,但是样式设置更麻烦,而且这项研究终于完成了两天。

要运行插件,所需的环境如下所示








jquery.ui.all.css是CSS开始的风格,用火狐浏览器打开查看,和浮动层的标题如下。

一站为老百姓

事实上,这是一个跨度。根据这类UI对话框标题,我们去官方网站的CSS文件和目录找到jquery.ui.dialog.css寻找classui对话框标题的CSS样式。

。ui-dialog.ui-dialog-title {字体:62.5%Trebuchet MS

CSS被修改,以达到我们想要的浮动层的头部风格。

页眉背景设置:

。UI部件头{ border: 1px solid # aaaaaa;背景:# cccccc URL(图像/ ui-bg_highlight-soft_75_ cccccc _1x100。PNG)50%;50% repeat-x;颜色:# 222222;};}。

背景颜色可以被删除到背景色。

。UI部件头{ border: 1px solid # aaaaaa;背景颜色:红色;颜色:# 222222;font-weight: bold;}

在x和右下角的图标设置上:

icons.ui-icon {宽度:16px;身高:16px;背景图像:URL(图像/ ui-icons_ 222222 _256x240。PNG);}