Dojo 更改dijit.MenuItem的选定颜色

在我的dijit工具栏中，我使用一个下拉按钮来保存包含许多菜单项的dijit.Menu。这些菜单项控制项目中的各种功能。下拉按钮和菜单在html页面中声明，但菜单项是在运行时动态创建的

当用户单击菜单项时，它将更改页面上某些内容的模式。目前，用户无法通过查看下拉菜单本身来知道他/她最后在下拉菜单中选择了什么。有没有一种方法（CSS或JavaScript）可以强制所选菜单项的背景颜色保持不变，直到用户单击同一下拉菜单上的另一个选择

显然，我可以在其他地方显示一个标签，告诉用户它处于什么模式，但这并不像下拉菜单本身上所选的那样直观

以下是HTML部分的声明方式：

    <button dojoType="dijit.form.DropDownButton" iconClass="esriLayerIcon" id="VFAContentBtn" label="Content Filter"     title="Content Filter" style="width: 200px">
    <div dojoType="dijit.Menu" id="VFAContentDDMenuMain">

     </div>
    </button>

这是运行时填充的大致情况：

    var contentMenu = dijit.byId("VFAContentDDMenuMain");
    // add the ALl Campus regardless. 
    // For the clicked value, we will use 0 for the ALL.
    contentMenu.addChild(new dijit.MenuItem({
        label : "All Campuses",
        id : "C:0",
        focused : true,
        onClick : function(evt) {CampusFilterClicked(evt)}
    }));    
    // For the individual campus, we will just use the Campus Id since the menu has campuses only.  
    for (var i = 0; i <= arrRegionCampus.length - 1; i++) {
        var campusId = Math.abs(arrRegionCampus[i].CampusId);
        var campusName = arrRegionCampus[i].CampusName;
        // the evt of the onClick will contain the information we need.
        var menuX = new dijit.MenuItem({
                            id : "C:" + campusId,
                            label : campusName,
                            onClick : function(evt) {
                                CampusFilterClicked(evt);
                            }
                        });
        contentMenu.addChild(menuX);
        menuX = null;
    }

var contentMenu=dijit.byId（“vfacontentdmenumain”）；
//添加“所有校园”选项。
//对于单击的值，我们将使用0表示所有。
contentMenu.addChild（新的dijit.MenuItem({
标签：“所有校园”，
id:“C:0”，
对,，
onClick:function（evt）{CampusFilterClicked（evt）}
}));    
//对于单个校园，我们将只使用校园Id，因为菜单中只有校园。
对于（var i=0；i