dojo - 如何以编程方式编辑 dojo.TitlePane 的样式（字体颜色）

Question

我有一个我想更改字体颜色的 TitlePane。我就是不能。我需要以编程方式执行此操作。

到目前为止，我有这样的事情：

var newPane = new TitlePane({title: paneName});

我也试过这个：

var newPane = new TitlePane({title: paneName, id: paneName, style:{color:'red'}});

这会将窗格的内容设置为红色，并且不会在任何地方添加 id :(

根据此API 信息，我只能设置三个属性（标题、内容和打开）。我怎么能在 TitlePane 中添加 id 和 style(color) ！请

Answer 1

通过级联样式表对其进行样式设置。在 jsFiddle 看看它是如何工作的：http: //jsfiddle.net/phusick/63dHY/

更改TitlePane标题文本的颜色id

var titlePane1 = new TitlePane({
    id: "titlePane1",
    title: "some red title",
    content: "Collapse me!"            
}, "titlePane1");

使用以下样式：

#titlePane1 .dijitTitlePaneTextNode {
    color: red;
}

或通过class

var titlePane2 = new TitlePane({
    title: "some blue title",
    content: "Collapse me!"
}, "titlePane2");

domClass.add(titlePane2.domNode, "blue");   // as of 'dojo/dom-class' module

使用以下样式：

.blue .dijitTitlePaneTextNode {
    color: blue !important;
}

​或直接通过 JavaScript 更改（我不推荐）：

titlePane2.titleNode.style.color = "green";

Answer 2

newPane.style({color: "red"});

或者

query(newPane).style({color: "red"});

或者

newPane.style.color = "red";