屁屁

导航

如何让Button使用自定义icon

1.在Buttton所在的html页面定义button要使用的icon的css样式,如

 1 </style>
 2 <style>
 3     .dijitArrowIcon {
 4         background-image: url('../css/images/arrowIconEnabled.png');
 5         background-repeat: no-repeat;
 6         width: 18px;
 7         height: 18px;
 8         text-align: center;
 9     }
10     .dijitRightPink { background-position: 0; }
11     .dijitRightOrange { background-position: -18px; }
12 </style>

2. 在页面定义button

<button id="testBtn">Test</button>

3. 在js文件中创建该button

1 var testBtn = new Button({
2     iconClass: "dijitArrowIcon dijitRightOrange"
3 }, "testBtn");

posted on 2015-12-13 15:26  自由的空气  阅读(2919)  评论(0编辑  收藏  举报