Question

我已经以编程方式创建了这个dojo组件，如下所示：

    dojo.require("dijit.form.TimeTextBox");
    dojo.addOnLoad(function() {
    new dijit.form.TimeTextBox({
        name: "prog_val",
        value: new Date(),
        constraints: {
            timePattern: 'HH:mm:ss',
            clickableIncrement: 'T00:15:00',
            visibleIncrement: 'T00:15:00',
            visibleRange: 'T01:00:00'
        }
    },
    "prog_val");
});

这很好用，但我有兴趣更改显示timeTextBox选项的div的背景颜色。我正在使用dojo 1.6

这里是我正在尝试做的JSfiddle： JSfiddle

Answer 1

元素的id应为prog_val，因此：

<style media="screen" type="text/css">
#prog_val {
background-color:"Cyan"
} 
</style>

添加：

如果那不是您想要更改的确切元素，那么您可以通过使用Firebug检查它来找到Dojo设置为任何div的id的内容。

Answer 2

为此目的，所有dijit小部件都有style属性。 Here's an updated fiddle。
但是我不明白你是想要改变这样的背景颜色，还是仅仅改变选项（每次建议）的背景。如果是这样，请考虑在firebug中检查它们并将样式应用于适当的类。

Answer 3

移交baseClass属性将使用该CSS类创建domNode。

dojo.require("dijit.form.TimeTextBox");
    dojo.addOnLoad(function() {
    new dijit.form.TimeTextBox({
        name: "prog_val",
        baseClass: "myTimeTextBox",
        value: new Date(),
        constraints: {
            timePattern: 'HH:mm:ss',
            clickableIncrement: 'T00:15:00',
            visibleIncrement: 'T00:15:00',
            visibleRange: 'T01:00:00'
        }
    },
    "prog_val");
});

如何为TimeTextBox dojo组件提供样式？

3 个答案: