jquery-ui - 如何自定义 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

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

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

“!important”可能不是必需的。

您可以使用开发者工具自行解决这个问题。