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

我以编程方式创建了这个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的背景色感兴趣。我正在使用Dojo1.6

这里是我尝试做的一部分：

---

元素的id应该是prog\u val，因此：

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

#进展{
背景色：“青色”
} 

添加：

---

如果这不是您想要更改的确切元素，那么您可以使用Firebug检查Dojo设置为任何div的id。

所有dijit小部件都有一个用于此目的的

style

属性

---

但是我不明白你是想改变背景颜色，还是只改变选项（每次建议）背景。如果考虑在Fixbug中检查它们，并将样式应用到适当的类（ES）。

< P>交出<代码> BaseCass< /Cult>属性将使用该CSS类创建<代码> DeNoDist

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

---

这是我后悔学习Dojo的原因之一。该网站是如此令人鼓舞和乐观，但文件是如此参差不齐，信息往往是隐藏的。无论如何，看起来您需要覆盖您在css中使用的主题元素。这是一篇关于1.6主题中覆盖颜色的文章：另一个想法，我查看了Common.css中的Claro（小提琴使用Claro）。小部件中可能有背景图像；因此，您根本看不到颜色。css中有很多，例如：.claro.dijitTextBoxFocused{background color:#ffffff；background image:url（'images/textBox_back.png'）；background repeat:repeat-x；}谢谢，这不是我想要的，我的目标是设置弹出选项部分的backgound，所以试着找到设置背景的css类并覆盖它。这可能很棘手，因为同一类可能会被其他小部件类型使用。