如何更改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/?... 
*/