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”。

您可以使用开发人员工具自行找到它。

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

1 个答案: