Как я могу расширить или сделать кнопку Dojo шире?

Question

У меня есть этот кусок кода:

<div dojoType="dijit.layout.ContentPane" style="width:200px;margin:0;padding:0;" doLayout="true"> <button dojoType="dijit.form.Button" style="width:100%;" doLayout="true"><span style="width:200px;">&nbsp;</span></button></div>

Я думаю, понятно, что я пытаюсь сделать.Вы знаете, как я мог заставить кнопку брать 100% ширины ее контейнера?Спасибо.

Answer 1

если вам нужно изменить ширину для одного экземпляра, изменение класса CSS не будет хорошей идеей ... вы можете сделать это программно, применив стиль к domNode вашего виджета ... как myButtom.domNode.style.width = "100%";

Answer 2

если придерживаться объявления, добавьте класс спецификатора:

<button data-dojo-type="dijit/form/Button" type="button" class="myButtons"></button>

затем в css:

.myButtons .dijitButtonNode
{
    width:100%;
}

Answer 3

Хорошо, я получил ответ на форуме IBM, кто-то сказал мне переопределить стиль dijit:

.dijitButtonNode {width: 100%;}

и это сделало свою работу: -)