如何将自定义图像添加到按钮(dojo 1.7)

Question

如何将自定义图像添加到dojo按钮

这是没有图像的按钮的示例代码

<div id="zoomin" data-dojo-type="dijit.form.Button">
    <span>zoomin</span>
</div>

Answer 1

这些答案很接近,但图标的样式定义必须包含以下内容:

.myIcon {
  background-image: url(...);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}

Answer 2

您可以在窗口小部件上设置图标类,然后在css中提供图像.

<div id="zoomin" data-dojo-type="dijit.form.Button" iconClass="myIcon">
    <span>zoomin</span>
</div>

.myIcon {
  background-image:  url(...);
}