Javascript 如何覆盖Dojo'；s CheckedMultiSelect小部件显示UI

与其让CheckedMultiSelect窗口小部件显示“0个选定项”，并在其侧面显示下拉按钮，我如何将下拉显示改写为一个显示“状态”的按钮，单击该按钮后将在其下方显示下拉菜单

我正在做这件事

HTML

CSS

多谢各位

<div id="form">
    <div class="pad" style="top:0px">Programmatic:
        <select id="stateSelect">
            <option value="CA">California</option>
            <option value="CO">Colorado</option>
            <option value="AK">Alaska</option>
            <option value="AR">Arkansas</option>
            <option value="DE">Delaware</option>
        </select>
    </div>
</div>

require([
    "dojo/dom-construct",
    "dojo/json",
    "dijit/form/Form",
    "dojox/form/CheckedMultiSelect",
    "dojo/parser",
    "dojo/domReady!"], function (construct, JSON, Form, CheckedMultiSelect) {
    var form, div = construct.create('div', {
        'class': 'pad',
        style: 'bottom:0px'
    }, 'form');
    getValues = function () {
        div.innerHTML = JSON.stringify(form.get('value'));
    };
    new CheckedMultiSelect({
        dropDown: true,
        labelText: 'States',
        multiple: true,
        name: 'state',
        onChange: getValues,
        required: false
    }, "stateSelect");
    form = new Form({
        style: 'display:block'
    }, 'form');
    form.startup();
});

.dojoxCheckedMultiSelectMenuCheckBoxItemIcon {
  display:block
}

.dojoxCheckedMultiSelectCheckBoxInput {
  opacity: 1;
  border-color: red;
  background-color: red;
}

div.pad {
  position:absolute
}

#form {
  display: none
}