如何自定義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”。

您可以使用開發人員工具找到它們。