将css应用于dijit按钮

Question

我有以下HTML和CSS:

<button id="myBtn" dojoType="dijit.form.Button">Testing</button>

#myBtn {
    margin-left: 100px;
}

CSS应该按下按钮100px.但是,由于dijit在按钮周围应用了一些额外的HTML层,按钮会获得100px填充.

JSbin显示问题

编辑:找到一个(不是IE6兼容)解决方案:

[widgetid=myBtn] { margin-left: 100px; }

Answer 1

见上文:-) 用 DIV 包围并在静态 CSS 中使用该 DIV。

我认为使用 HTML 进行装饰实际上可能是比尝试将更多内容烘焙到小部件或小部件模板中更简单的解决方案。