dojo - 添加了一个没有正确设置样式的dom节点

时间:2015-01-15 22:10:14

标签: dojo

我添加了以下内容作为dijit Select的标签;

domConstruct.create('label',  
   {class:'tj-button-label', innerHTML:'Database',  
    for:'db-select'},'place-here');  

喜欢这样

<ContentPane>  
   <label class='tj-button-label'>Label</label>  
   <dijit Select>...</dijit Select>  
</ContentPane>  

使用这种样式

.tjButtonLabel{  
    width:120px;  
    background-color:#EEEFEF;  
 }  

该节点将在Select之前添加到dijit ContentPane。根据Firebug,一切都正确放置,看起来很好。我可以轻松更改颜色,边距,填充和字体,但不能更改宽度。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

两个问题:

  • 在您的HTML中,您似乎拥有课程tj-button-label;在CSS中,您正在选择班级tjButtonLabel。那些需要匹配。
  • 您需要将标签的display样式设置为inline-block,以便该元素具有适用于宽度的块。