如何更改Dojox.layout.FloatingPane的标题栏背景颜色

Question

我的浮动窗格标题栏及其主窗格的外观（背景颜色）是相同的。如何使标题栏的背景颜色不同？

<div id="fltQury" class="roundedCorners" data-dojo-type="dojox.layout.FloatingPane" 
  title="A Floating Pane" dockable="false" closable="true"
  style="width: 350px; height: 100px; top: 100px; left: 120px; " >
<div>

谢谢， GIDO

Answer 1

您可以简单地使用CSS来执行此操作，例如：

#fltQury .dojoxFloatingPaneTitle {
    background-color: yellow;
}

这应该可以正常工作，正如你可以在这个小提琴中看到的那样：http://jsfiddle.net/nqP6B/

Answer 2

覆盖CSS可能会更改与dojoxFlotingPaneTitle相关的所有样式。相反，我建议使用以下dojo.style来改变颜色。

var resultDiv = dojo.byId('fltQury');    
dojo.style(resultDiv, {
       "backgroundColor": "#a4e672",
       "color": "black"
   });

有关详细信息，请浏览this link。