如何在Jquery中仅更改Div标签的标题背景颜色

Question

我在使用JQuery构建的模态对话框中有一个div标签，如下所示：div id =“dialogxxxx”title =“xxxxx”。我想只改变标题的字体和背景颜色，即只改变标题的显示位置。现在它有一个默认的颜色和字体。我想将其更改为特定颜色，但不想更改整个div的背景颜色和字体，只是更改标题显示的位置。有没有办法做到这一点？我尝试将样式标记添加到div，但这会改变整个div的背景颜色，而不是单独的标题。我也试过做div＃title，也没用。

非常感谢任何指针/帮助。

谢谢，

阿沙

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/?...
 */