如何更改Jquery中div標籤的標題背景顏色

Question

我在使用JQuery構建的模態對話框中具有div標籤，如下所示：div id =「dialogxxxx」title =「xxxxx」。我只想改變標題的字體和背景顏色，即只改變顯示標題的地方。現在它有一個默認的顏色和字體。我想將其更改爲特定的顏色，但不希望更改整個div的背景顏色和字體，而只是顯示標題的地方。有沒有辦法做到這一點？我試圖給div添加樣式標籤，但是它改變了整個div的背景顏色，而不是單獨標題。我也嘗試做div＃標題，這也沒有幫助。

任何指針/幫助非常感謝。

感謝，

阿莎

Answer 1

如果你想快速正骯髒的方式，你可以簡單地覆蓋.ui-widget-header CSS規則，例如

.ui-widget-header { 
    background: red; 
} 

在操作中查看：http://jsfiddle.net/william/NgVAu/。

如果您想要一個更易維護的方法，您應該使用ThemeRoller，配置「標題/工具欄」部分。如果你打開你的css文件，你可以找到一個ThemeRoller的URL和它使用的主題。它位於第二批評論中，在「查看和修改此主題」之後，例如

/* 
* jQuery UI CSS Framework @VERSION 
* 
* ... 
* http://docs.jquery.com/UI/Theming/API 
* 
* To view and modify this theme, visit http://jqueryui.com/themeroller/?... 
*/