0

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>

ありがとう!!

4

1 に答える 1

2

カスタム 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;   
}
于 2012-07-13T14:20:59.993 に答える