css - 将CSS应用于dijit按钮

Question

我有以下 HTML 和 CSS:

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

#myBtn {
    margin-left: 100px;
}

CSS 应该按 100px 中的按钮。但是由于 dijit 在按钮周围应用了一些额外的 HTML 层，按钮得到了 100px 填充。

JSbin to show the problem

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

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

Answer 1

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

我认为用 HTML 装饰实际上可能是比尝试将更多内容融入小部件或小部件模板更简单的解决方案。