Question

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

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

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

我也试过这个：

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

这会将窗格的内容设置为红色，并且不会在任何位置添加ID：（

根据API info，我只能设置三个属性（标题，内容和开放）。我怎样才能为TitlePane添加id和样式（颜色）！ PLS

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"});

OR

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

OR

newPane.style.color = "red";

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

2 个答案: