如何爲TimeTextBox dojo組件提供樣式？

我創建這個道場組件編程，就像這樣：如何爲TimeTextBox 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"); 
});

，這工作得很好，但我感興趣的改變顯示的時間文字選項的div的背景顏色。我使用的道場1.6

這裏是我想要做的jsfiddle： JSfiddle

來源

2013-12-17 Leo

元素的ID應該是prog_val，因此：

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

添加：

如果這不是您想要更改的確切元素，那麼您可以通過使用Firebug檢查它，找到Dojo設置爲任何div的id。

來源

2013-12-17 18:34:08

不起作用，謝謝！ – Leo

這是我後悔曾經學習道場的原因之一。該網站是如此令人鼓舞和樂觀，但文件是如此斑斕，信息往往隱藏。無論如何，它看起來像你需要重寫你在CSS中使用的主題元素。下面是關於在1.6主題中覆蓋顏色的文章：http://dojotoolkit.org/reference-guide/1.6/dijit/themes.html#color –

另一個想法是，我看着Common.css for Claro（小提琴使用Claro ）。該小部件中可能有一個背景圖像;因此，你根本看不到顏色。這個CSS中有很多，例如:.claro .dijitTextBoxFocused {background-color：#ffffff; background-image：url（'images/textBox_back.png'）; background-repeat：repeat-x; } –

爲此目的，所有的dijit小部件都有一個style屬性。 Here's an updated fiddle。
但是，我不明白，如果你想改變這樣的背景顏色，或只是選項（每次建議）的背景。如果是這樣，考慮在螢火蟲中檢查它們並將樣式應用於適當的類。

來源

2013-12-18 07:24:42 undefined

謝謝，這不是我正在尋找的，我的目標是設置彈出選項部分的backgorund。 – Leo

所以嘗試找到設置背景並覆蓋它的css類。這可能會很棘手，因爲其他類型的widget可能會使用相同的類。 – undefined

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

來源

2013-12-19 12:58:05 mUnk

如何爲TimeTextBox dojo組件提供樣式？

回答

相關問題