如何自定义jquery ui对话框标题颜色和字体大小？

Question

如何更改jquery ui对话框标题的颜色和其他属性

HTML :
<div id="dialog" title=""
style="display: none; font-size: 15px; width: 500; height: 300"></div>

javascript :
 $( "#dialog" ).dialog( "option", "title",title );

请给我一些想法来自定义jquery对话框的标题.谢谢你提前.

Answer 1

这些类形成对话框标题的容器

ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix

这个类塑造了文本

ui-dialog-title

您可以在css文件中编辑jquery ui样式的这些类.或者您可以在自己的css文件中覆盖这些内容.

.ui-dialog-title{
    font-size: 110% !important;
    color: #FFFFFF !important;
    background: #000000 !important;
}

可能没有必要使用"!important".

您可以使用开发人员工具找到它们.