dojo - dijit.menu CSS 选择器

Question

有人知道 dijit.MenuItem 标签的自定义 CSS 选择器吗？

这是添加 dijit.MenuItem 的 js：

dojo.forEach(basemapGallery.basemaps, function(basemap) {
        //Add a menu item for each basemap
        dijit.byId("bingMenu").addChild(new dijit.MenuItem({
            label: basemap.title,
            iconClass: basemap.title,
            onClick: function(){basemapGallery.select(basemap.id)}
        }));
}); 

这是静态html：

<td align="center" style="width: 50px;" valign="middle">
        <button id="dropdownButton" iconClass="btnImgBaseMap" title="Switch Basemap" dojoType="dijit.form.DropDownButton">                    
            <div dojoType="dijit.Menu" id="bingMenu">
                <!--The menu items are dynamically created using the basemap gallery layers-->
            </div>
        </button>
</td>

谢谢！！

Answer 1

向菜单添加自定义 css 类

var w = dijit.byId("bingMenu");
dojo.addClass(w.domNode, "myMenu");

并使用以下CSS

.dijitMenu.myMenu .dijitMenuItem .dijitMenuItemLabel {
  color: white;   
}

这是一个例子：

http://jsfiddle.net/cswing/GCBnF/

如果您需要每个菜单项唯一的 css，则将自定义类添加到菜单项

var bingMenu = dijit.byId(...);
var w = new dijit.MenuItem({
        label: basemap.title,
        iconClass: basemap.title,
        onClick: function(){basemapGallery.select(basemap.id)}
    });
dojo.addClass(w.domNode, "bing");
bingMenu.addChild(w);

并使用以下CSS

.dijitMenu.myMenu .dijitMenuItem.bing .dijitMenuItemLabel {
   color: white;   
}