我如何扩展，或使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

好的， 我在IBM的论坛上得到了答案，有人告诉我要改写dijit风格：

.dijitButtonNode { 宽度：100％; }

这就完成了工作 ： - ）

Answer 2

如果您需要更改单个实例的宽度，更改CSS类不是一个好主意...您可以通过将样式应用于窗口小部件的domNode来以编程方式进行... ... {{ 1}}

Answer 3

如果坚持使用声明，请添加一个说明符类：

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

然后，在css：

.myButtons .dijitButtonNode
{
    width:100%;
}