一个关于Jquery Dialog的问题，有图

Question

本帖最后由 chinazdq 于 2013-03-13 17:14:22 编辑

Answer 1

jquery.ui.dialog.css这个样式文件 查找classui-dialog-title  这个CSS样式，自己修改

Answer 2

现在字体调整好了。可是那个关闭按钮的图片怎么都不对，应该调整哪个？.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    font-size:9pt;
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
    font-size:9pt;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

Answer 3

设置字体的样式啊！不就是font-size 这个属性么？

Answer 4

.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; top: -1px; left: -1px; }
这样修改就好了。

Answer 5

jquery.ui 网站上就可以让你自定义样式，并当场能显示出来

Answer 6

好吧，下载个api帮助吧，很全面的里面